Visual effect for the 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