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 !!
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
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