javascript - How to make work the jquery nested tab link? -


i having problem jquery tabs ui.

<script type="text/javascript"> $(document).ready(function() {     $('.tabs').tabs();     $('.subtabs').tabs(); });  <div class="tabs">    <ul>        <li><a href="#tab1">tab1</a></li>        <li><a href="#tab2">tab2</a></li>    </ul>        <div id="tab1">             <div class="subtabs">                 <ul>                     <li><a href="#subtab1">subtab1</a></li>                     <li><a href="#subtab2">subtab2</a></li>                 </ul>             <div id="subtab1">                  content1             </div>             <div id="subtab2">                  content2             </div>             </div>          </div>        <div id="tab2"></div> </div> 

now when try access subtab page.html#subtab1 not work, page.html#tab1 works. doing wrong? need open subtab using url.

thanks

you missing <div id="tab2"></div> give jquery exception. try adding code , links work.


Comments

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -