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
Vielen Dank, das funktioniert perfekt! –