# Hide & Show div (Element.toggle)

**URL:** <https://www.ruby-forum.com/t/hide-show-div-element-toggle/156399>\
**Category:** Rails\
**Created:** [December 26, 2008, 6:14pm UTC](https://www.ruby-forum.com/t/hide-show-div-element-toggle/156399 "2008-12-26T18:14:34Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![giga](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/b9bd4f/32.png) [@giga](https://www.ruby-forum.com/u/giga)\
**Post date:** [December 26, 2008, 6:14pm UTC](https://www.ruby-forum.com/t/hide-show-div-element-toggle/156399/1 "2008-12-26T18:14:34Z")

</div>

I have 2 divs:

 \<%= link\_to\_function("Show div2", "Element.toggle('div2')") %\> 

 \<%= link\_to\_function("Show div1", "Element.toggle('div1')") %\> 

I want, when I click link: “Show div2” it hide div1 and show div2,  
when i click “Show div1” it hide div2 and show div1

How can i do it?

---

<div class="post-metadata">

**Author:** ![giga](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/b9bd4f/32.png) [@giga](https://www.ruby-forum.com/u/giga)\
**Post date:** [December 26, 2008, 6:35pm UTC](https://www.ruby-forum.com/t/hide-show-div-element-toggle/156399/2 "2008-12-26T18:35:45Z")

</div>

On Dec 26, 5:14 pm, Gi Ga [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) wrote:

> How can i do it?  
> just make your call to link\_to function toggle both divs - you aren’t  
> limited to a single javascript statement.

Fred

---

<div class="post-metadata">

**Author:** ![giga](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/b9bd4f/32.png) [@giga](https://www.ruby-forum.com/u/giga)\
**Post date:** [December 26, 2008, 8:32pm UTC](https://www.ruby-forum.com/t/hide-show-div-element-toggle/156399/3 "2008-12-26T20:32:25Z")

</div>

Frederick C. wrote:

> On Dec 26, 5:14�pm, Gi Ga [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) wrote:
> 
> > How can i do it?  
> > just make your call to link\_to function toggle both divs - you aren’t  
> > limited to a single javascript statement.
> 
> Fred

I can’t make it work ☹

By default div2 is hidden:

 \<%= link\_to\_function("Show div2", "Element.toggle('div1', 'div2)") %\>

 \<%= link\_to\_function("Show div1", "Element.toggle('div1', 'div2')") %\>

---

<div class="post-metadata">

**Author:** ![giga](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/b9bd4f/32.png) [@giga](https://www.ruby-forum.com/u/giga)\
**Post date:** [December 26, 2008, 8:48pm UTC](https://www.ruby-forum.com/t/hide-show-div-element-toggle/156399/4 "2008-12-26T20:48:11Z")

</div>

On 26 Dec 2008, at 19:32, Gi Ga wrote:

> I can’t make it work ☹  
> Just make two calls to Element.toggle

Fred

---

<div class="post-metadata">

**Author:** ![giga](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/b9bd4f/32.png) [@giga](https://www.ruby-forum.com/u/giga)\
**Post date:** [December 27, 2008, 9:28am UTC](https://www.ruby-forum.com/t/hide-show-div-element-toggle/156399/5 "2008-12-27T09:28:51Z")

</div>

Sample:

Element.toggle(‘div1’); Element.toggle(‘div2’);

–  
Shiv

On Sat, Dec 27, 2008 at 1:29 PM, Gi Ga  
[removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid)wrote:

> ## Sample?
> 
> Posted via [http://www.ruby-forum.com/](http://www.ruby-forum.com/).
> 
> >

–

Henny Youngman - “If at first you don’t succeed… so much for  
skydiving.”

---

<div class="post-metadata">

**Author:** ![giga](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/b9bd4f/32.png) [@giga](https://www.ruby-forum.com/u/giga)\
**Post date:** [December 27, 2008, 8:59am UTC](https://www.ruby-forum.com/t/hide-show-div-element-toggle/156399/6 "2008-12-27T08:59:06Z")

</div>

Sample?