CODEWITHSUNDEEP
jquery
Steve Salowitz
Steve Salowitz

Reputation: 1335

idTabs jQuery plugin not working

I have a simple html page that I am working on to test the functionality of idTabs (http://www.sunsean.com/idTabs/). I cannot get it working properly. The jquery sources appear to be loading properly (checked via Chrome Console). The files are in a folder on my desktop.. Any thoughts on why this isn't working?

<!DOCTYPE html>
<body>
<head>    
<script type="text/javascript" src="jquery.idTabs.min.js"></script>
</head>
<body>
<ul class="idTabs"> 
<li><a href="#jquery">jQuery</a></li> 
<li><a href="#official">Tabs 3</a></li> 
</ul> 
<div id="jquery">If you haven't checked out ...</div> 
<div id="official">idTabs is only a simple ...</div>
</body>
</html>

Here is my output

Here is my file structure

Upvotes: 0

Views: 90

Answers (1)

Waqar
Waqar

Reputation: 426

<div id="idTtabs">
  <ul>
    <li><a href="#jquery">jQuery</a></li> 
    <li><a href="#official">Tabs 3</a></li> 
  </ul>
  <div id="jquery">
    If you haven't checked out ...
  </div>
  <div id="official">
    idTabs is only a simple ...
  </div>

</div>

<script>
$(document).ready(function(){
      $( "#idTabs" ).tabs(); 
})
</script>

You did not ready the example carefully provided in the link i had send you.

Upvotes: 2

Related Questions