第二次單擊時更改onclick回原始圖片

我正在嘗試製作一個菜單，其中有一個向下滑動菜單的箭頭。我想要做的是將圖像更改爲單擊時指向的箭頭。這我使用onclick完成。但是，我想要將圖像更改爲再次點擊時指向下方的箭頭。我已經用jQuery，CSS和html嘗試了大量不同的代碼，到目前爲止還沒有任何工作。第二次單擊時更改onclick回原始圖片

這是我到目前爲止的代碼：

<script> 
$(document).ready(function(){ 
$("#flip").click(function(){ 
    $("#panel").slideToggle("slow"); 
    }); 
}); 
    </script>

這是jQuery的，發現這個在W3Schools的。這是爲了切換菜單。

<div id="menu" class="m1"> 

<div id="flip" > 

<img src="pic/aroowdown.png" width="32" height="32" onclick="this.src='pic/aroowup.png'" /> 


</div> 
<div id="panel"> 

<ul> 
    <li><a href="epi.hmtl"> EPISODER </a></li> 
    <li><a href="kar.html"> KARAKTERER </a></li> 
    <li><a href="about.html"> OM OSS </a></li> 
    <li><a href="prod"> PRODUKSJON <a></li> 
</ul> 

</div> 


</div>

這是「翻轉」和「面板」，在這裏你可以看到我使用「onClick」。

我也將爲翻轉和麪板添加CSS，以防萬一。我不認爲這與我的問題有很大關係。

#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; 
}

希望有人會知道這個答案！我知道在這個網站上有這樣的問題，但沒有一個爲我工作。

提前致謝！

來源

2017-03-15 jaja fine

第二次單擊時更改onclick回原始圖片

回答

相關問題