Ergebnis 1 bis 2 von 2
  1. #1
    newne ist offline Grünschnabel
    registriert
    14-10-2013
    Beiträge
    1

    einen div einblenden und gleichzeitig andere ausblenden

    Ich versuche ein CSS-Menü zu schreiben, das Menü funktioniert auch schon ganz gut. Nun möchte ich aber wenn ein Untermenü aufklappt die anderen (falls ein anderes ausgeklappt ist) einklappen. Im Moment können alle drei Untermenüs gleichzeitg ausgeklappt sein, das will ich vermeiden.
    Die Seite mit dem Menü: pgdrei.de/pgdreitest/index7.html
    Wer kann helfen? Vielen Dank im Voraus (PS:Bin JS-unerfahren)
    Die Seite mit dem Menü: pgdrei.de/pgdreitest/index7.html
    Folgend der bisherige Code, soweit relevant:

    Im Head:
    Code:
    <script type="text/javascript">
          function toggle(id) {
            if (document.getElementById(id).style.display != 'block'){
              document.getElementById(id).style.display = 'block';
            } else {
              document.getElementById(id).style.display = 'none';
            }
          }   
        </script>
    Im Body:
    HTML-Code:
    	<div id="menuscreen">
    		<a class="nav" href="index7.html" title="seite 1">Home</a>
    		<a class="nav" href="#" onclick="toggle('submenu1')" title="Link 1">Link 1</a>
    		<a class="nav" href="#" onclick="toggle('submenu2')" title="Link 2">Link 2</a>
    		<a class="nav" href="#" onclick="toggle('submenu3')" title="Link 3">Link 3</a>
    	</div>
    	<div id="submenu1">
    		<a class="subnav" href="seite1.html" title="seite 1">Seite 1</a>
    		<a class="subnav" href="seite2.html" title="seite 2">Seite 2</a>
    		<a class="subnav" href="seite3.html" title="seite 3">Seite 3</a>
    		<a class="subnav" href="seite4.html" title="seite 4">Seite 4</a>
    		<a class="subnav" href="seite5.html" title="seite 5">Seite 5</a>
    		<a class="subnav" href="seite6.html" title="seite 6">Seite 6</a>
    		<a class="subnav" href="seite7.html" title="seite 7">Seite 7</a>
    		<a class="subnav" href="seite8.html" title="seite 8">Seite 8</a>
    		<a class="subnav" href="seite9.html" title="seite 9">Seite 9</a>
    	</div>
    	<div id="submenu2">
    		<a class="subnav" href="seite11.html" title="seite 11">Seite 11</a>
    		<a class="subnav" href="seite12.html" title="seite 12">Seite 12</a>
    		<a class="subnav" href="seite13.html" title="seite 13">Seite 13</a>
    		<a class="subnav" href="seite14.html" title="seite 14">Seite 14</a>
    		<a class="subnav" href="seite15.html" title="seite 15">Seite 15</a>
    		<a class="subnav" href="seite16.html" title="seite 16">Seite 16</a>
    		<a class="subnav" href="seite17.html" title="seite 17">Seite 17</a>
    		<a class="subnav" href="seite18.html" title="seite 18">Seite 18</a>
    		<a class="subnav" href="seite19.html" title="seite 19">Seite 19</a>
    	</div>
    	<div id="submenu3">
    		<a class="subnav3" href="seite21.html" title="seite 1">Seite 21</a>
    		<a class="subnav3" href="seite22.html" title="seite 2">Seite 22</a>
    		<a class="subnav3" href="seite23.html" title="seite 3">Seite 23</a>
    		<a class="subnav3" href="seite24.html" title="seite 4">Seite 24</a>
    		<a class="subnav3" href="seite25.html" title="seite 5">Seite 25</a>
    		<a class="subnav3" href="seite26.html" title="seite 6">Seite 26</a>
    	</div>
    Geändert von newne (15-10-2013 um 00:25 Uhr)

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.732

    AW: einen div einblenden und gleichzeitig andere ausblenden

    Da gibt es zwei Lösungen: entweder du versteckst alle Elemente am Anfang der Funktion und blendest dann nur das gewünschte ein oder du speicherst dir irgendwo das letzte angezeigt Element. Letzteres kann du entweder über eine Scopevariable oder eine Eigenschaft im Funktionsobjekt machen.

    PS: href="#" ist weder valide noch sinnvoll noch hilfreich. Das Aussehen eines Elements kontrolliert man über CSS.

Ähnliche Themen

  1. mehrere DIV gleichzeitig per JS ausblenden
    Von emmis im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 17-11-2011, 09:27
  2. Div einblenden/ausblenden und Content verschieben
    Von testit im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 15-05-2010, 13:01
  3. <tr> ausblenden/einblenden
    Von huan im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 13-09-2009, 16:14
  4. 2 divs gleichzeitig ein- und ausblenden
    Von Seraina81 im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 03-12-2008, 17:33
  5. Antworten: 2
    Letzter Beitrag: 20-12-2004, 10:47

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •