I need to have a list inside a div inside my tab panel. But every time
I add a list inside a tab panel the widget thinks the content has
ended and closes the content panel. I've been studying the widget
code trying to figure out what to tweak to get around this issue but
I'm stuck. Any ideas?
Here's some sample code. The list in Tab 2 will continue beyond the
bottom of the panel. Any ideas are appreciated.
<div id="tabs">
<ul>
<li><a href="#Tab1_Contents">Tab 1</a></li>
<li><a href="#Tab2_Contents">Tab 2</a></li>
<li><a href="#Tab3_Contents">Tab 3</a></li>
</ul>
<div id="Tab1_Contents">
<p>This is Tab 1 contents</p>
</div>
<div id="Tab2_Contents">
<div class="listTabs" style="float:left; width:
33%">Will this
break now?
<ul>
<li><a href="#item1">Item 1</a></li>
<li><a href="#item2">Item 2</a></li>
</ul>
</div>
<div id="item1">Item 1 contents</div>
<div id="item2">Item 2 contents</div>
</div>
<div id="Tab3_Contents">
<p>This is Tab 3 contents</p>
</div>
</div>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
