jquery tabs - what am I doing wrong? -
html code is:
<div id="questions"> <ul> <li class="selected"><a href="#fly">fly</a></li> <li><a href="#fly1">fly 1</a></li> </ul> <div id="fly" style="display: block;"> <div id="question141"> <div id="question104"> <div id="question80"> <div id="question79"> </div> <div id="fly1"> <div id="question141"> <div id="question104"> <div id="question80" > <div id="question79" > </div> </div>
jquery:
<script> jquery(document).ready(function(){ jquery('#questions div').hide(); jquery('#questions div:first').show(); jquery('#questions ul li:first').addclass('active'); jquery('#questions ul li a').click(function(){ jquery('#questions ul li').removeclass('active'); jquery(this).parent().addclass('active'); var currenttab = jquery(this).attr('href'); jquery('#questions div').hide(); jquery(currenttab).show(); return false; }); }); </script>
above code has 2 tabs , using jquery show tabs on click. when click tab. elements inside tab not show. doing wrong?
when jquery('#questions div').hide() or show() hide divs inside #questions div. please try below code work you.
<script> jquery(document).ready(function(){ jquery('#questions > div').hide(); jquery('#questions div:first').show(); jquery('#questions ul li:first').addclass('active'); jquery('#questions ul li a').click(function(){ jquery('#questions ul li').removeclass('active'); jquery(this).parent().addclass('active'); var currenttab = jquery(this).attr('href'); jquery('#questions > div').hide(); jquery(currenttab).show(); return false; }); }); </script>
Comments
Post a Comment