Tabs 3 - Using Divs instead of Unordered Lists
Hey there,
I'm using jQuery for the first time, and am attempting to utilise the
tabs ui with my current menu (built using divs instead of ul/li -
advanced rollovers).
Having a real hard time finding anywhere on the net that will show me
how to reference this correctly, and as such, the tabs feature is not
working for me.
At the moment, I have this in my header (in addition to the references
to all the latest .js files):
<script>
$(document).ready(function(){
$("#tabsjq > div").tabs();
});
</script>
And this in my body (truncated to better illustrate my layout):
<div id="tabsjq" class="navbar">
<div class="date"><a href="#tab_one"><img src="http://xxx.com/1.gif"
alt="date" /><span>Sample Text</span></a></div>
<div class="location"><a href="#tab_two"><img src="http://xxx.com/
2.gif" alt="location" /><span>Sample Text</span></a></div>
</div>
<div id="tab_one">
content
</div>
<div id="tab_two">
content
</div>
Note: Things don't change when I move the 'navbar' </div> to beneath
the content divs.
If someone can please offer a suggestion, I would be very thankful.
Kind Regards,
Glen