# Visual effect for the div

**URL:** <https://www.ruby-forum.com/t/visual-effect-for-the-div/188897>\
**Category:** Rails\
**Created:** [May 20, 2010, 5:09am UTC](https://www.ruby-forum.com/t/visual-effect-for-the-div/188897 "2010-05-20T05:09:51Z")\
**Posts on this page:** 1\
**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 20, 2010, 5:09am UTC](https://www.ruby-forum.com/t/visual-effect-for-the-div/188897/1 "2010-05-20T05:09:51Z")

</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>

```

thank you