[Javascript] Show and hide multiple div tags

[Abyss - Information]

function jsfncShowHide(exID)
 {

  var show=document.getElementById(exID)
  if(show.style.display=="none")
   {
  show.style.display="block";
  }
   else
    {
     show.style.display="none";
     }

 }


this is the code, and i know why it is does it on the third and fourth 
clicks its because of the class that i am using

excuse the ASP code in it


<li id="CI<%=rsCalendarRead("CalendarID")%>">
          <%=rsCalendarRead("EventTitle")%>
          <a href="#" onclick="jsfncShowHide('<%=strCalenderDOMID%>')" 
title="<%=strCalenderDOMID%>"><%=strCalenderDOMID%></a>

          <ul id="<%=strCalenderDOMID%>" style="display:none;">
           <li><span class="NonFormLabel">Description:</span> 
<%=fncFormatLargeText(rsCalendarRead("EventDescription"))%></li>
           <li><span class="NonFormLabel">Warm Up:</span> 
<%=fncDateTime(rsCalendarRead("EventWarmUpTime"), "DateTime", "ymd", 
24)%></li>
           <li><span class="NonFormLabel">Start Time:</span> 
<%=fncDateTime(rsCalendarRead("EventStartTime"), "DateTime", "ymd", 
24)%></li>
           <li><span class="NonFormLabel">End Time:</span> 
<%=fncDateTime(rsCalendarRead("EventEndTime"), "DateTime", "ymd", 24)%></li>
           <li>
            <span class="NonFormLabel">Repeats Weekly:</span>
            <% If rsCalendarRead("EventRepeatsWeekly") = 1 Then%>
             <span class="MessageStatusComplete">Yes</span>
            <%Else%>
             <span class="MessageStatusError">No</span>
            <% End If%>
           </li>
           <li>
            <span class="NonFormLabel">Must Attend:</span>
            <% If rsCalendarRead("MustAttend") = 1 Then%>
             <span class="MessageStatusComplete">Yes</span>
            <%Else%>
             <span class="MessageStatusError">No</span>
            <% End If%>
           </li>
           <li>
            <span class="NonFormLabel">Adds towards attendance:</span>
            <% If rsCalendarRead("AddTowardsAttendance") = 1 Then%>
             <span class="MessageStatusComplete">Yes</span>
            <%Else%>
             <span class="MessageStatusError">No</span>
            <% End If%>
           </li>
           <li><span class="NonFormLabel">Who do we challenge:</span> 
<%=rsCalendarRead("WhoDoWeChallenge")%></li>
           <li><span class="NonFormLabel">Map Player Number:</span> 
<%=rsCalendarRead("MapPlayerNumber")%></li>
           <li><span class="NonFormLabel">Map Size:</span> 
<%=rsCalendarRead("MapSize")%></li>
           <li><span class="NonFormLabel">Event Status:</span> 
<%=rsCalendarRead("EventStatus")%></li>
           <li><span class="NonFormLabel">Correct as of:</span> 
<%=fncDateTime(rsCalendarRead("EventStatusDate"), "DateTime", "ymd", 
24)%></li>
          </ul>

         </li>


if i replace the style="display:none;" with a class then it will not work if 
i have it with a style like it is, it works....

and i dont know why..


----- Original Message ----- 
From: "Andrew Gibson" <andrew at shuttle.net.nz>
To: "[JavaScript List]" <javascript at LaTech.edu>
Sent: Wednesday, May 10, 2006 4:58 PM
Subject: Re: [Javascript] Show and hide multiple div tags


> post the code
>
> ----- Original Message ----- 
> From: "Abyss - Information" <Info at Abyss.ws>
> To: "[JavaScript List]" <javascript at LaTech.edu>
> Sent: Wednesday, May 10, 2006 3:57 PM
> Subject: Re: [Javascript] Show and hide multiple div tags
>
>
> Thank you for your help....i have some code that works after about 3 or 4
> clicks not the first click though...
>
>
> still trying to figure that one out...thanks again
>
> ----- Original Message ----- 
> From: "Cutter (JS Related)" <java.script at cutterscrossing.com>
> To: "[JavaScript List]" <javascript at LaTech.edu>
> Sent: Tuesday, May 09, 2006 9:09 PM
> Subject: Re: [Javascript] Show and hide multiple div tags
>
> _______________________________________________
> Javascript mailing list
> Javascript at LaTech.edu
> https://lists.LaTech.edu/mailman/listinfo/javascript
>