2017-07-08 1 views
1

Ich habe im Internet gesucht, aber bisher keine gute Lösung gefunden. Auf meiner HTML-Seite gibt es eine # Menü-Taste innerhalb meiner festen #Kopfzeile Division und eine # Menü-Panel Division unter diesem Header. Die Menüleiste schaltet durch Klicken auf das Schaltflächensymbol um. Der folgende Code funktioniert hervorragend, außer dass das animierte # menu-panel standardmäßig sichtbar ist.Animate Divisions Höhe auf Bild klicken klicken (standardmäßig ausblenden?)

Kann jemand die Abteilungshöhe 0 standardmäßig festlegen, aber die Animationshöhe beim Klicken auf die Schaltfläche immer ändern? Code unten:

<body> 

<div id="header"> 
    <img src="image" id="menu-button"> 
</div> 

<div id="menu-panel"> 
    <ul> 
    <li>some buttons listed here</li> 
    <li>some buttons listed here</li> 
    <li>some buttons listed here</li> 
    </ul> 
</div> 

<script src="js/jquery-1.11.3.min.js"></script> 
<script> 
// header menu 
    $(document).ready(function(){ 
    $("#menu-button").click(function(){ 
    $("#menu-panel").animate({ 
    height: 'toggle' 
    }); 
    }); 
    }); 
</script> 

</body> 

Vielen Dank im Voraus!

Elmigo

Antwort

1

"Der folgende Code funktioniert gut, außer dass das animierte # Menü-Panel standardmäßig sichtbar ist."

ändern diese: <div id="menu-panel"> auf <div id="menu-panel" style="display:none">

+0

Vielen Dank, das funktioniert perfekt! –

Verwandte Themen