# Ruby on Rails Guides

**URL:** <https://www.ruby-forum.com/t/ruby-on-rails-guides/171081>\
**Category:** Rails\
**Created:** [June 26, 2009, 5:52am UTC](https://www.ruby-forum.com/t/ruby-on-rails-guides/171081 "2009-06-26T05:52:38Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![bruparel](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/b/e47774/32.png) [@bruparel](https://www.ruby-forum.com/u/bruparel)\
**Post date:** [June 26, 2009, 5:52am UTC](https://www.ruby-forum.com/t/ruby-on-rails-guides/171081/1 "2009-06-26T05:52:38Z")

</div>

The Rails Guides are at the following address:

> **[rails.info](http://guides.rails.info/)**
>
> Ruby on Rails,Rails Tutorial,Ruby Basics,Rails 4,Bar Rails,Rail

They look really good. I am particularly interested in learning how to  
create the nice looking pop-up menu when you click on the “Guides Index”  
link.

Does anyone know where can I find information on how to do create such  
interface?

Thanks.

Bharat

---

<div class="post-metadata">

**Author:** ![bruparel](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/b/e47774/32.png) [@bruparel](https://www.ruby-forum.com/u/bruparel)\
**Post date:** [June 26, 2009, 9:46am UTC](https://www.ruby-forum.com/t/ruby-on-rails-guides/171081/2 "2009-06-26T09:46:42Z")

</div>

Javascript

I’d imagine they have a large menu Div that is set to display:none in  
the CSS

When you click the tab the div becomes visible

Look into the onclick event:  
[http://www.w3schools.com/jsref/jsref\_onClick.asp](http://www.w3schools.com/jsref/jsref_onClick.asp)  
and the prototype function ‘toggle’:  
[http://www.prototypejs.org/api/element/toggle](http://www.prototypejs.org/api/element/toggle)

Gavin

> **[Ruby on Rails tips & Tutorials](https://handyrailstips.com/)**
>
> Ruby on Rails tips and tutorials

On Jun 26, 4:52 am, Bharat R. [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid)