[jQuery] problem z rozwijaniem w IE, div się chowa Opcje

[-Wieviór-]

Witam,

Mam następujący problem: http://akademia30plus.pl/Trojmiasto/program, strona w Firefox'ie 3.0.7 wyświetla się poprawnie, rozwija i zwija bardzo poprawnie.

W Internet Explorerze 7 już niestety nie. Jak coś rozwinę to dopóki nie zjadę myszką z napisu rozwiń >>/zwiń >> div owszem, rozwija się, ale nie pokazuje swojej treści. Dopiero jak z napisu zjadę myszką widać tą treść.

Oto kod:

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(
function()
	{
	$('.wykladToggle').click(
	function()
		{
                var id = this.id;
                $('#'+id+'_tresc').slideToggle('slow');
		if ($('#'+id).text()=="rozwiń ť")
			{
		$('#'+id).html("<a href='javascript:void(0);'>zwiń ť</a>");
			}
		else
			{
    		$('#'+id).html("<a href='javascript:void(0);'>rozwiń ť</a>");
			}
		}
		);
	}
);
 </script>
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
<?php
if ($wyklad['data'] > date("Y-m-d H:i:s") AND $check == 0)
            {
            $addition1 = 'zwiń ť';
            $addition2 = ' style="display: block;"';
            $check=1;
            }
        else 
            {
            $addition1 = 'rozwiń ť';
            $addition2 = '';
            }
        
        echo '<div class="wykladBox">
        <div class="wykladData">'.DzienMiesiacaKrotko($td[2]).' '.miesiac($td[1], 'd').', '.$td[3].':'.$td[4].'</div><div class="wykladToggle" id="wyklad'.$licznik.'"><a href="java script:void(0);">'.$addition1.'</a></div>
        <div class="wykladTytul" style="color: '.$color.'">'.$wyklad['temat'].'</div>
        <div class="wykladTresc" id="wyklad'.$licznik.'_tresc"'.$addition2.'>
            <div class="wykladWydzial"><img src="img/logo-'.Wydzial($wyklad[wydzial], 'obrazek').'.png" title="'.Wydzial($wyklad[wydzial]).'"></div>
            <div class="wykladWykladowca"><strong>'.$wyklad['wykladowca'].'</strong>, '.nl2br(Skroc($wyklad['wykladowca_opis'], 230)).'</div>
            <div class="wykladInfo">
                <p><span style="font-weight: bold;">Miejsce:</span> '.$wyklad['miejsce'].'</p>
                <p><span style="font-weight: bold;">Cena:</span> '.$wyklad['cena'].' zł</p>
                <p><span style="font-weight: bold;">Liczba miejsc:</span> '.$wyklad['liczba_miejsc'].'</p>
            </div>
            <div class="wykladCzytajWiecej"><a href="Trojmiasto/program/'.$wyklad['id'].'_'.PolskieLitery($wyklad['temat']).'">Czytaj więcej ť</a></div>
        </div>
        <div class="wykladPrzerywnik"></div>
        </div>
        ';
?>
[PHP] pobierz, plaintext 

Proszę o jakąś pomoc, bo nie wiem o co temu IE chodzi... :/

[erix]

rozwija się, ale nie pokazuje swojej treści.

Dodaj zoom: 1 dla opisu w CSS.

[k_@_m_i_l]

Użyj tego a nie będzie problemów :
Accordion