get next dt and dd in tabbed element with next button click

Vote count:

0

I have a tabbed responsive accordion that I want I am making into step validation navigation.

I can get the next button to hide the first dt and dd and then display the last one, but I cant display the next tab (dt / dt).

$('.nextBtn').click(function(){
             var smartTabs = $(this);
             var nextTab = $(this).parent().next().children("dt");

            smartTabsHeight = smartTabs.parent('dt').outerHeight();         

            smartTabs.parents('dl').find('dt:last').addClass('current').next('dd').show();
            smartTabs.parents('dl').find('.current').removeClass('current').next('dd').hide
();
});



<dl id="js-smart-tabs" class="smart-tabs">
<form role="form" action="" method="post">  
<dt><a href="#one">Tab One</a></dt>
<dd> <div class="row setup-content" id="step-1">             

it would be great if someone could help with on the click of the next button so that the next tab shows!

asked 50 secs ago

Sean Parker

1

get next dt and dd in tabbed element with next button click