Ich versuche ein Menü zu erstellen, in dem ein Pfeil nach unten zeigt, der das Menü nach unten bewegt. Was ich tun möchte, ist das Bild in einen Pfeil nach oben zu ändern, wenn Sie darauf klicken. Dies habe ich mit onclick erreicht. Ich möchte jedoch das Bild zurück in einen Pfeil, der nach unten zeigt, wenn Sie erneut klicken. Ich habe eine Menge verschiedener Codes mit jQuery, css und html ausprobiert, und nichts hat bisher funktioniert.Ändern beim ersten Klicken auf das Originalbild
Dies ist der Code, den ich bisher habe:
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideToggle("slow");
});
});
</script>
Dies ist die jQuery, das auf w3schools gefunden. Dies dient zum Herunterschalten des Menüs.
Dies ist die "Flip" und "Panel", wo Sie sehen können, dass ich die "onClick" verwenden.
Ich werde auch die CSS für den Flip und Panel, nur für den Fall hinzufügen. Ich denke nicht, dass es viel mit meiner Frage zu tun hat.
#panel, #flip {
text-align: center;
background-color: #000;
height: 30px;
opacity: 0.9;
cursor: pointer;
}
#panel {
padding: 80px;
display: none;
background-color: #A9A9A9;
opacity: 0.9;
}
ul {
list-style-type: none;
}
li {
display: inline;
padding: 0px 30px;
}
Hoffe jemand wird die Antwort darauf wissen! Ich weiß, dass es auf dieser Seite Fragen wie diese gibt, aber keine davon hat für mich funktioniert.
Vielen Dank im Voraus!