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
Post a Comment