Classic Div Toggle, ...with a twist I can't seem to figure out... |
Classic Div Toggle, ...with a twist I can't seem to figure out... |
Duchess |
Jan 6 2010, 04:26 PM
Post
#1
|
Group: Members Posts: 5 Joined: 6-January 10 Member No.: 10,781 |
I have the following:
CODE function showdiv(name,focus){ var obj = (document.getElementById)? document.getElementById(name) : eval("document.all[name]"); if (obj.style.display=="none"){ obj.style.display=""; }else{ obj.style.display="none"; } } <div align="left"><a onClick="showdiv('div1');" style="cursor: pointer;">DIV 1</a></div> <div id="div1" style="display: none;">DIV CONTENT</div> <div align="left"><a onClick="showdiv('div2');" style="cursor: pointer;">DIV 2</a></div> <div id="div2" style="display: none;">DIV CONTENT</div> This is the classic JavaScript solution to toggling a div, and it handles multiple divs. It works fine. What I'm trying to do is advance it a level by making it so only one div shows at a time. In otherwords, I click the link, it shows the div. I click it again, it goes away. This works. I click that link again, it shows the div again. I click the other link now, the first div goes away and the second div shows up instead. So on and so forth. I tried doing this: CODE function showdiv(name1,name2,focus){ var obj1 = (document.getElementById)? document.getElementById(name1) : eval("document.all[name1]"); var obj2 = (document.getElementById)? document.getElementById(name2) : eval("document.all[name2]"); if (obj2.style.display==""){ obj2.style.display="none"; } if (obj.style.display=="none"){ obj.style.display=""; }else{ obj.style.display="none"; } } <div align="left"><a onClick="showdiv('div1,div2');" style="cursor: pointer;">DIV 1</a></div> <div id="div1" style="display: none;">DIV CONTENT</div> <div align="left"><a onClick="showdiv('div2,div1');" style="cursor: pointer;">DIV 2</a></div> <div id="div2" style="display: none;">DIV CONTENT</div> Is this just too simple to be true? |
Christian J |
Jan 21 2013, 08:10 PM
Post
#2
|
. Group: WDG Moderators Posts: 9,664 Joined: 10-August 06 Member No.: 7 |
Post moved here: http://forums.htmlhelp.com/index.php?s=&am...ost&p=72701
|
Lo-Fi Version | Time is now: 8th May 2024 - 12:39 AM |