Anwenden von css-Klassen mit onclick-events
Ich habe ein Menü auf der linken Seite von meiner Seite aus verschachtelten uls. Auf der rechten Seite meiner Seite habe ich eine Reihe von content-div ' s, die haben alle eine Klasse, entspricht der Menü-link auf der linken Seite. Wenn Sie auf einen Menü-link auf der linken Seite, die es braucht, um zu verbergen, alle meine content-divs, dann zeigen Sie nur diejenigen, die die entsprechende Klasse. Also, wenn Sie auf den link "Umsetzung/Entwicklung des Systems" wird die Seite zuerst ausblenden aller divs der Klasse "Inhalt", dann zeigen alle divs der Klasse "content5".
Als Komplikation dazu das Menü hat einige javascript befestigt, um die ul ist, dass ein-und ausblenden, die verschachtelten Menüs. Ich will nicht, es zu berühren oder zu stören, weil es funktioniert. Auch glaube ich nicht, es wäre brauchbar, um mein problem zu lösen, weil es Uhren, die alle Menü-li ' s, und ich weiß nicht, wie zu binden eine Menüpunkte Aktion, die Allgemeine Funktion.
Was ich glaube, ich muss mich fügen Sie einen onclick-Ereignis, die Einstellung der Anzeige von alle meine content-divs auf none, und legt eine Teilmenge zu blockieren. Das Menü ist, generiert der server-Seite, so kann ich Attribute hinzufügen, um es.
Mein Gedanke-Prozess ist eine chance, das Menü links zu:
<a href="#" onclick="swap_content(content5)">Implementation/System development</a>
Dann code haben, der änderungen der css wie:
swap_content([target]){
div.content{ display:none;}
div.[target]{ display:block;}
}
Weise, dass es blendet alle aktuell angezeigten Inhalt, dann zeigt nur den Inhalt gebunden, dass link.
<div class='content content26 content27 content28 content29 content30'></div>
- Wird mit onclick stören das aufklappen/Zuklappen aus
jquery? Ich denke, dass das öffnen und schließen beruhen auf der Beobachtung der
Klasse der ul, ul.menu1, ul.menu2 und so weiter, da gibt es keine
onclick-Ereignisse. - Ich kann nicht glauben, eine Weise zu verknüpfen, die Verknüpfung mit
es ist Ziel Inhalte auf der server-Seite, andere als explizit übergeben
es um die swap_content Funktion im onclick.
Ich bin völlig neu in javascript, so dass diese völlig dumme, aber jede Hilfe oder Anleitung wäre sehr hilfreich. Die test-Seite ist hier wenn Sie möchten, um einen Blick zu nehmen. Im Beispiel der content-divs sind bereits display:none;
.
Den code der Fahrt öffnen und schließen des Menüs ist bei http://nwi.pdx.edu/jQueryScripts/pubs-search-script.js aber wie ich schon sagte, es funktioniert, ich weiß wirklich nicht wollen, es zu berühren, dass alle viel.
- Um die genaue funktionierende Lösung, die Sie brauchen, um code für das Menü, den Sie verwenden
- Ich habe eine test-Seite, die bis an nwi.pdx.edu/pubsearch3.php
Du musst angemeldet sein, um einen Kommentar abzugeben.
Legen Sie zunächst die display-Eigenschaft des divs und alle Inhalte, die in Ihnen zu "Erben.
Aus, dass Sie alle in einem container wie ein span oder div-tag wird dann im span oder div fügen Sie den folgenden code:
Dass Sie verstecken alles an diesem tag erbt die Eigenschaft display aus.
Update: geben Sie das tag, das enthält alle divs, die Sie ausblenden möchten eine id wie etwa id = "Ding".
Ihren verstecken, sollte die Funktion so Aussehen:
dann in Ihre html-Datei auf das Element, das Sie möchten, klicken Sie auf, um Sie geschehen hinzuzufügen
Update zahlreichen li-Dos: Sie können von JavaScript, JQuery-Bibliothek, um wählen Sie die Klasse, indem er etwas wie:
Wo myClass ist der name der Klasse und hider ist das Klasse, was Ihr anklicken, um Sie geschehen. Auch wenn Sie tun es auf diese Weise (es gibt ein paar andere Möglichkeiten, es zu tun mit Klassen-Selektoren) entfernen Sie die onclick-Funktion von Ihrem hider.