How to add more then one Answer on this tut

Matti · 1 How to add more then one Answer on this tut Fri Oct 21, 2011 5:31 pm

Matti

Registered Member

Posts : 1745
Points : 507
Age : 38
Location : Durres » Albania » Norway
Browser : Firefox

I'm using this tutorial www.webartzforum.com/t903-making-show-hide-content by: Unknown Data, Showing and hiding content on mouse click! but i can't figure out on how to add more answer...

I have done it like this but it doesn't work.

Code:: <a onclick="javascript:ShowHide('HiddenDiv_1')" href="javascript:;" >Question</a> <div id="HiddenDiv_1" style="DISPLAY: none" >Answer</div> <div id="HiddenDiv_2" style="DISPLAY: none" >Answer</div> <div id="HiddenDiv_3" style="DISPLAY: none" >Answer</div> <script language="JavaScript">function ShowHide(divId){if(document.getElementById(divId).style.display == 'none'){document.getElementById(divId).style.display='block';}else{document.getElementById(divId).style.display = 'none';}}</script>

RockerMan · 2 Re: How to add more then one Answer on this tut Fri Oct 21, 2011 8:04 pm

RockerMan

Technician

Posts : 901
Points : 388
Age : 32
Location : Georgia
Browser : Firefox

You should be able to just add it because there are no elements in the JavaScript that defines the amount of divs, just be sure to give it the same ID

Matti · 3 Re: How to add more then one Answer on this tut Sat Oct 22, 2011 7:38 pm

Matti

Registered Member

Posts : 1745
Points : 507
Age : 38
Location : Durres » Albania » Norway
Browser : Firefox

I don't know what you mean but when I put the code like this...

Code:: <a onclick="javascript:ShowHide('HiddenDiv_1')" href="javascript:;" >Question</a> <div id="HiddenDiv_1" style="DISPLAY: none" >Answer 1</div> <div id="HiddenDiv_1" style="DISPLAY: none" >Answer 2</div> <div id="HiddenDiv_1" style="DISPLAY: none" >Answer 3</div> <script language="JavaScript">function ShowHide(divId){if(document.getElementById(divId).style.display == 'none'){document.getElementById(divId).style.display='block';}else{document.getElementById(divId).style.display = 'none';}}</script>

it gives me only one answer and not 3-5 ect...

Sponsored content

Quick Menu

Quick Menu

1 How to add more then one Answer on this tut Fri Oct 21, 2011 5:31 pm

Matti

2 Re: How to add more then one Answer on this tut Fri Oct 21, 2011 8:04 pm

RockerMan

3 Re: How to add more then one Answer on this tut Sat Oct 22, 2011 7:38 pm

Matti

4 Re: How to add more then one Answer on this tut

Sponsored content