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

Popular posts from this blog

c# - How to set Z index when using WPF DrawingContext? -

razor - Is this a bug in WebMatrix PageData? -

android - layout with fragment and framelayout replaced by another fragment and framelayout -