Response title
This is preview!
how do I use downloaded Themroller on my site? More specificly Tabs
in Using jQuery UI
•
8 years ago
I'm very new to learning jQuery (and coding in general) don't
really understand the lingo so please be patient with me if I don't
seem to not understand something you're saying or what I'm not
able to convey what I'm trying to say. Thank you for any help you
may be able to offer.
I recently downloaded a custom theme from the jQuery Themeroller and want to add tabs to my site try as I might; I just cant get them to work properly. My code seems to be right because I compared it to the example code here . Here is my code:
I recently downloaded a custom theme from the jQuery Themeroller and want to add tabs to my site try as I might; I just cant get them to work properly. My code seems to be right because I compared it to the example code here . Here is my code:
-
<div id="tab">
<ul>
<li><a href="#fragment-1"><span>Hour 1</span></a></li>
<li><a href="#fragment-2"><span>Hour 2</span></a></li>
<li><a href="#fragment-3"><span>Hour 3</span></a></li>
</ul>
<div id="fragment-1">
<p><strong>Click this tab again to close the content pane.</strong></p>
This is content for Hour 1
</div>
<div id="fragment-2">
<p><strong>Click this tab again to close the content pane.</strong></p>
This is content for Hour 2
</div>
<div id="fragment-2">
<p><strong>Click this tab again to close the content pane.</strong></p>
This is content for Hour 3
</div>
</div>
<script> $(function() {
$( "#tab" ).tabs({
collapsible: true
});
});
</script>
1
