CODEWITHSUNDEEP
cssjquery-ui
user153
user153

Reputation: 146

Jquery tabs not showing up

I have included the jquery css & jquery file, still tabs are not showing up.

Code

 <link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.css" type="text/css"></link>       
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.js"></script>
<div id="tabs">
    <ul>
        <li><a href="#tabs1">he</a></li>
        <li><a href="#tabs2">Web2</a></li>          
        <li><a href="#tabs3">Co3/a></li>
        <li><a href="#tabs4">Imp</a></li>
    </ul>
</div>

Upvotes: 0

Views: 362

Answers (1)

Thomas Jepp
Thomas Jepp

Reputation: 11

You will need to add an extra block to actually trigger the conversion into a tab control:

<link rel="stylesheet" href="css/jquery-ui-1.9.2.custom.css" type="text/css"></link>       
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.js"></script>
<div id="tabs">
    <ul>
        <li><a href="#tabs1">he</a></li>
        <li><a href="#tabs2">Web2</a></li>          
        <li><a href="#tabs3">Co3/a></li>
        <li><a href="#tabs4">Imp</a></li>
    </ul>
</div>
<script type="text/javascript">
$('#tabs').tabs();
</script>

Without the additional script section, the div is never transformed into a tab control.

Upvotes: 1

Related Questions