kostenloser Webspace werbefrei: lima-city

Ausklappbares menu automatisch wieder schliessen

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   feier01

   feier01 hat kostenlosen Webspace.

   9:21, 30.7.2013

   Hallo zusammen !
   
   Ich brauch mal eure Hilfe !
   Ich habe eine Hadder Menü mit x * Menü Punkten wieviele Menü Punkte es sind wird aus der datenbank abgefragt!
   Jetzt baue ich das Menü in einer schleife solange bis alle Menüpunkte aus der Datenbank gelesen wurden!
   
   Jedes Menue ( DIV ) bekommt somit einen Namen und ine eindeutige ID
   zb Menu1 = Aktuelles div id = menu1
   Menu2 = Übermich div id = menu2
   usw....
   
   Wenn ich nun auf menu 1 oder menu2 klicke öffnet sich das jeweilige untermenue über Java Script
   
   Nun mein Problem wenn ich ein Menü geöffnet habe und auf das nächste menu klicke sollen sich die anderen wieder schliessen ohne darauf klicken zu müssen!
   
   Wie erreiche ich das ?
   
   Hier ein auszug vom Code
   

   while ($dsatz1 = mysql_fetch_assoc($res1)){			
    ?>
    	<script type='text/javascript'>
   	function growDiv<?= $meunzahl; ?>() 
   	{
   	   var growDiv = document.getElementById('grow<?= $meunzahl; ?>');
   	   if (growDiv.clientHeight) 
              {
   		growDiv.style.height = 0;
   	   } 
   	   else 
   	   {
   	         var wrapper = document.querySelector('.measuringWrapper<?= $meunzahl; ?>');
   		 growDiv.style.height = wrapper.clientHeight + "px";
   	   }
   	 }
   </script>
   <div id="menu<?= $meunzahl; ?>" onclick="growDiv<?= $meunzahl; ?>()" " >
   <span style="line-height:24px; width:100px; vertical-align:middle">

   
   
   Danke schon mal
   
   
   Habs hinbekommen für jeden den es Interessiert werde den gesamten CODE morgen hier posten
   
   Beitrag zuletzt geändert: 30.7.2013 20:59:00 von feier01

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?