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.

   <div class="profile_text_details float_left">
        <h5 class="page_heading">

<%= link_to_function user.group_name,
visual_effect(:grow,"abc",:direction => "center",:duration => 1) , {
:controller => "users" ,:action => "grouplist" } %>

  </h5>

      </div>

<div id="abc">

         <tr>
  <td class="people_profile">

    <div class="clear_float_effect">

  <% @currentgroupfriends.each do |user| %>
          <h6 class="page_heading"><%= user.login %></h6>
          <% end %>

    </div></tr>

thank you