javascript - Making tabs scroll smoothly on click using jQuery -
i have vertical tabs work , content changes when relevant tab title clicked. want pane of relevant content scroll smoothly rather appear when tab title clicked.
here html:
<div class="wpb_wrapper wpb_tour_tabs_wrapper ui-tabs vc_clearfix ui-widget ui-widget-content ui-corner-all"> <ul class="wpb_tabs_nav ui-tabs-nav > <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0"> <a href="#tab-e9b37ea4-82c3-7" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">employer</a> </li> <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1"> <a href="#tab-c2c472f3-0bff-0" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2">employee</a> </li> <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1"> <a href="#tab-1438983113882-2-2" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-3">you</a> </li> </ul> <div id="tab-e9b37ea4-82c3-7" class="wpb_tab ui-tabs-panel style="display: block;"> <div class="ww-default wpb_row clearfix vc_row-fluid"> <div class="no-container"> <div class="vc_col-sm-8 wpb_column column_container "> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <p>benefits employer: productivity , performance</p> </div> </div> </div> </div> </div> </div> <div id="tab-c2c472f3-0bff-0" class="wpb_tab ui-tabs-panel style="display: none;">empty tab. edit page add content here.</div> <div id="tab-1438983113882-2-2" class="wpb_tab ui-tabs-panel style="display: none;">empty tab. edit page add content here.</div>
Comments
Post a Comment