PDA

View Full Version : tabcontent: need help with menu-items located in two seperate divs



index
12-20-2005, 12:25 AM
I'm using in the following code with the DD-tabcontent script.
It works great when i use the "choicesleft" menu, however the mousover doesn't remain when i use the "choicesright" part.
I don't get any javascript errors either, but it seems like the persistance feature only works for the "choicesleft" menu as well. Even though i select something in the "choicesright" menu, it'll jump back to the last select item in "choicesleft".
any help would be appreciated.



<div class="mainnavchoices" id="mainnavchoicesleft">
<div class="mainnavchoices" id="choicesleft">
<ul id="tablist">
<li><a href="#" onClick="return expandcontent('sc1', this)" theme="#868686">SMALL WIRE</a></li>
<li><a href="#" onClick="return expandcontent('sc2', this)" theme="#868686">LARGE WIRE</a></li>
<li><a href="#" onClick="return expandcontent('sc3', this)" theme="#868686">RIBBON WIRE</a></li>
<li><a href="#" onClick="return expandcontent('sc4', this)" theme="#868686">TAB TOOLS</a></li>
<li><a href="#" onClick="return expandcontent('sc5', this)" theme="#868686">MIRCO BGA</a></li>
</ul>
</div>
</div>

<div class="mainnavchoices" id="mainnavchoicescenter">
<div id="sc1" class="tabcontent">
SMALL WIRE
</div>

<div id="sc2" class="tabcontent">
LARGE WIRE
</div>

<div id="sc3" class="tabcontent">
RIBBON WIRE
</div>

<div id="sc4" class="tabcontent">
TAB TOOLS
</div>

<div id="sc5" class="tabcontent">
MIRCO BGA
</div>

<div id="sc6" class="tabcontent">
F Series Tools
</div>

<div id="sc7" class="tabcontent">
CTV Series Tools
</div>

<div id="sc8" class="tabcontent">
CT Series Tools
</div>

<div id="sc9" class="tabcontent">
F408 Series Tools
</div>

<div id="sc10" class="tabcontent">
C Series Tools
</div>

</div>

<div class="mainnavchoices" id="mainnavchoicesright">
<div class="mainnavchoices" id="choicesright">
<ul id="tablist">
<li><a href="#" onClick="return expandcontent('sc6', this)" theme="#868686">F Series Tools</a></li>
<li><a href="#" onClick="return expandcontent('sc7', this)" theme="#868686">CTV Series Tools</a></li>
<li><a href="#" onClick="return expandcontent('sc8', this)" theme="#868686">CT Series Tools</a></li>
<li><a href="#" onClick="return expandcontent('sc9', this)" theme="#868686">F408 Series Tools</a></li>
<li><a href="#" onClick="return expandcontent('sc10', this)" theme="#868686">C Series Tools</a></li>
</ul>
</div>
</div>


Example page (http://www.vbbn.net/~deweyl/dev/main.php)