Goeie middag sd leden,

Mijn naam is fatih celik en ik ben bezig met een portfolio website.
Bij pagina "portfolio" ben ik bezig met een jquery slidetoggle menu waarmee je bij het klik van een afbeelding meer informatie tevoorschijn komt dat werkt prima.

Alleen als ik in een loop zet waarmee ik in admin meerdere kan toevoegen begint het jquery toggle menu heel gek te doen.
De laatste toggle menu klapt die netjes uit maar de andere klappen verschillende keren dicht.
hier een linkje om mijn probleem te begrijpen.

http://tinyurl.com/cdxp6jr



en dit is de code:
PHP Code:
<?php
include('config.php');
?>
<? include('ubbclass.php'); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<?
if(!isset($_GET['id']))
{
    
    echo "";
    
    $max = 4; // aantal interviews per pagina.
    
    $result = mysql_query("SELECT * FROM interviews ORDER BY id DESC") or die(mysql_error());
    $aantal = mysql_num_rows($result);
    $aantal /= $max;
    $totaal = ceil($aantal);
    $color = array( '#343434', '#2e2e2e');
        if ($aantal == 0)
        {
    
            print "Geen interviews";
    
        }
        else
        {
    
            
            $huidige = 1;
        
            if(isset($_GET['nav']) && is_numeric($_GET['nav']) && intval(abs($_GET['nav'])) == $_GET['nav'] && $_GET['nav'] <= $totaal && $_GET['nav'] > 0)
                $huidige = $_GET['nav'];
            
            $str = $huidige == 1 ? '' : '<a href="?pagina=interview/interviews&nav=1">&laquo;</a> '; // de string waarin de rij paginanummers komt
            
            $ervoor = ($totaal - $huidige) < 2 ? 4 - ($totaal - $huidige) : 2;
            
            for($i = ($huidige - $ervoor > 0 ? $huidige - $ervoor : 1), $zien = 5; $i <= $totaal && $zien > 0; $i++, $zien--)
            {
                
                $str .= $i == $huidige ? '<b>'.$i.'</b> ' : '<a href="?pagina=interview/interviews&nav='.$i.'">'.$i.'</a> ';
                
            }
    
            $str .= $huidige == $totaal ? '' : ' <a href="?pagina=interview/interviews&nav='.$totaal.'">&raquo;</a>'; // zet de laatste pagina erbij
    
        }
    
    echo $str;
    
    echo "</div>";    


?>
            
            <?
                $result = mysql_query("SELECT *, UNIX_TIMESTAMP(datum) AS t_datum FROM interviews ORDER BY id DESC LIMIT ".($huidige * 20 - 20).",".$max) or die(mysql_error());
                while($list = mysql_fetch_assoc($result)){
                    
                    $interview = htmlentities($interview);
                    $ubb = new UBB('huje');
                    $interview = stripslashes($list['interview']);
                    $interview = $ubb->UBB($interview);
            ?>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".flip").click(function(){
    $(".panel").slideToggle("slow");
  });
});
</script>
 
</head>
 <div id="test">
 <style>
.content{
    display:none;
    height:420px;
width: 282px;
text-align: left;
background:url('schaduw.png');
}
#foto {
height: 208px;
width: 282px;
background:url('foto.png');
}
#tekst {
text-align: center;
height: 20px;
width: 282px;
background:url('schaduw.png');
}
#foto1 {
position: relative;
top: 50px;
left:30px;
}
#test {
position: relative;
float: left;
}

  </style>

<body>
<div id="test">
<script src="jquery-latest.js"></script>
</head>
<body>
<div class="container"><div id="foto"><div id="foto1">
    <img src='<? echo $list['bestand']; ?>' width="212" height="107" ?></div></div>
<div id="tekst">Leesmeer</div>
    <div class="content">Titel:
<br>
Omschrijving:
<br>
Site naam:</div>
</div></div>
<script>
$(".container").click(function() {
    $(this).find('.content').slideToggle();
});
</script>

            <? } ?>
            
        
<?

}

else

{

    $result = mysql_query("SELECT * FROM interviews WHERE id = ".$_GET['id']."") or die(mysql_error());
    echo "        <div align='left'>< width='100%' background=\"paginas/interview.bmp\">";
    while($list = mysql_fetch_assoc($result))
    {
    
        $interview = htmlentities($interview);
        $ubb = new UBB('huje');
        $interview = stripslashes($list['interview']);
        $interview = $ubb->UBB($interview);
        
        echo "";
        echo "<img src='paginas/interview/".$list['bestand']."' width='150px' height='100px' style='border: 1px solid white' /></td><td valign='top'><p align='left'><b><font size='5'>".$list['titel']."</font></b></td>";
        echo "";
        echo "<>".$interview."</td>";
        echo "";
        
    }
    
    echo "";
    
}
    
?>
</div>
</body>
</html>