# Visual effect for the div

**URL:** <https://www.ruby-forum.com/t/visual-effect-for-the-div/188856>\
**Category:** Ruby\
**Created:** [May 19, 2010, 2:12pm UTC](https://www.ruby-forum.com/t/visual-effect-for-the-div/188856 "2010-05-19T14:12:06Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![drk](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/d/b5ac83/32.png) [@drk](https://www.ruby-forum.com/u/drk)\
**Post date:** [May 19, 2010, 2:12pm UTC](https://www.ruby-forum.com/t/visual-effect-for-the-div/188856/1 "2010-05-19T14:12:06Z")

</div>

Hi

In a partial,

I display “group\_name” , when clicked on groupname the div with id=“abc”  
should appear below my group.

I want to make my div visible false initially at the time of loading my  
page and Once click on the groupname I the div should be visible below  
the groupname.

I tried with follwing code. But I div is visible every time and only  
the visual\_effect is applying to the first grouname only.

Please help. Thanks.

##### 

\<%= link\_to\_function user.group\_name,  
visual\_effect(:grow,“abc”,:direction =\> “center”,:duration =\> 1) , {  
:controller =\> “users” ,:action =\> “grouplist” } %\>

```
  </div>

```

```
     <tr>

```

```
<div class="clear_float_effect">

```

\<% @currentgroupfriends.each do |user| %\>

###### \<%= user.login %\>
  
\<% end %\>

```
</div></tr>
```

---

<div class="post-metadata">

**Author:** ![drk](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/d/b5ac83/32.png) [@drk](https://www.ruby-forum.com/u/drk)\
**Post date:** [May 19, 2010, 8:22pm UTC](https://www.ruby-forum.com/t/visual-effect-for-the-div/188856/2 "2010-05-19T20:22:25Z")

</div>

please do not ask Rails questions here. This is ruby mailing list and  
NOT  
rails.

On Wed, May 19, 2010 at 5:42 PM, Ravi D.