I want to show only one step at a time on magento checkout page and when a customer will click on continue button then next step should appear and remaining all steps should be hide. As you can see in the picture, here checkout method is active and remaining steps are just disable so here i want all disable step should be hide not just to keep as disable. there is two js file also been included accordion.js and opcheckout.js. I tried a lot to achieve the same thing but I couldn't not achieve So please some one help me, please !! Here is screenshot of checkout page

1 Answer 1


In checkout/onepage.phtml you have a line that generates li's with different classes given they are sections that are allowed or not.

I'm not a pro in CSS but I suggest you display:none the class section (which all tabs have) and display:block the tabs that have the classes section and allow. Not sure how this would work in CSS but you see the idea.

  • great work.. it works for me ..thanks, thanks a lot !! Mar 13, 2014 at 9:59
  • I'm glad it works for you! But could you please mark this answer as accepted for your question not to pop up in the future as it has been resolved? Thanks Mar 14, 2014 at 9:00

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.