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>
  1. 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.
  2. 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
Schreibe einen Kommentar