Tabs and jquery just not working for this forum !!

[chas]

1) Script Title: Drop Down Tabs (5 styles)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm

3) Describe problem:

http://coloroflaw.byethost9.com/forum

i am not getting any tabs to work with mybb forums can anyone help?

tabs are not generated at all for this one it listed after the forums.

help please, jquery framework

[ddadmin]

There may be other errors, but looking at the markup of your menu, it's missing the markup for the two drop down menus themselves that are specified:


<div id="indexdropdowntabs" class="slidingdoors">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/style/" rel="dropmenu1">CSS</a></li>
<li><a href="http://www.dynamicdrive.com/resources/" rel="dropmenu2">Partners</a></li>
<li><a href="http://tools.dynamicdrive.com">Tools</a></li>
</ul>
</div>

The missing markup should look something like this:


<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv_c">
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image CSS</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links and Buttons</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a>
</div>


<!--2nd drop down menu -->
<div id="dropmenu2" class="dropmenudiv_c" style="width: 150px;">
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.codingforums.com">Coding Forums</a>
<a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>
</div>

[chas]

well the parent tabs are not even rendered, help please. i have removed the dropdowns and till it wont render the html

[chas]

is bootstrap a contributing factor?

[ddadmin]

is bootstrap a contributing factor?

Not in this case. The styling of the parent tabs is controlled by the CSS class assigned to it:


<div id="indexdropdowntabs" class="slidingdoors">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS</a></li>
<li><a href="http://www.dynamicdrive.com/resources/">Partners</a></li>
<li><a href="http://tools.dynamicdrive.com">Tools</a></li>
</ul>
</div>

The class name in red should be changed to "sidetabsmenu", or that defined inside http://coloroflaw.byethost9.com/forum/jscripts/dropdowntab/slidingdoors.css

[chas]

Not in this case. The styling of the parent tabs is controlled by the CSS class assigned to it:


<div id="indexdropdowntabs" class="slidingdoors">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS</a></li>
<li><a href="http://www.dynamicdrive.com/resources/">Partners</a></li>
<li><a href="http://tools.dynamicdrive.com">Tools</a></li>
</ul>
</div>

The class name in red should be changed to "sidetabsmenu", or that defined inside http://coloroflaw.byethost9.com/forum/jscripts/dropdowntab/slidingdoors.css

hi thanks for your help....

I try your change just now and I dont see much improvement?

thanks again

[chas]

but this is only for menu? i thought it was for content as well?

[ddadmin]

I see the tabs menu and style appearing now on your page...

[chas]

yeah i was looking for a tabbed "content" that calls the menu and content together instead of 2x ordered or unordered lists...

does anyone have one?