Javascript Problem

  • Moin,

    ich kenn mich mit Javascript fast bis garnicht aus muss jedoch das einmal benutzen...
    Ich habe eine Navigation welche sich per Javascript verändert sobald ein Knopf gedrückt wird. Dieser eine wurde im ursprungsscript jedoch verändert zu einem neuen Knopf, also zwei Funktionen.

    Hier der alte Code

    JavaScript
    /* Open */
    function openNav() {
        document.getElementById("menu").style.height = "100%";
    }
    
    
    /* Close */
    function closeNav() {
        document.getElementById("menu").style.height = "0%";
    }

    Nun möchte mein Auftraggeber aber so einen tollen Animierten Knopf haben.
    Dieser funktioniert aber so das sich diese 3 Balken veändern, also ein Knopf.
    Damit dies verändert wird möchte dieser Knopf auch wieder Javascript benutzen, also nicht nur 2 Funktionen sollen zusammen geschrieben werden,
    sondern auch noch etwas hinzugefügt werden.
    Ich habe versucht das wahrscheinlich komplett Falsch zu lösen wäre Cool wenn ihr mir helfen könntet.


    Der einzige Reiz der Vergangenheit ist, dass sie vergangen ist.

  • Du willst das Menü togglen. Dafür würde ich außerhalb der Funktion eine Variable anlegen, die entweder true oder false ist. So kannst du den derzeitigen Status des Menüs speichern :)

    Anhand deinem Beispiel:

    Code
    var navState = false;
    function toggleNav(x) {
    	if (!navState) {
    		document.getElementById("menu").style.height = "100%";
    		navState = 1;
    	} else {
    		document.getElementById("menu").style.height = "0%";
    		navState = 0;
    	}
    }

    Ich hoffe ich habe dich richtig verstanden :D

  • JavaScript
    function toggle(){
        var d = document.getElementbyId('div');
        if(d.style.display == 'none'){
            d.style.display = 'block'
        } else{
            d.style.display = 'none'
        }
    }

    Die Funktion einfach als onclick Event verwenden.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!