1
當我使用此代碼,當我點擊nav-btn一次它變得更改,但當我點擊第二次內容將隱藏和nav-btn(src)不變 我想得到默認的SRC(下拉圖標),當我點擊第二次(但我的按鈕仍接近圖標)更改圖像src作爲切換按鈕作品
$(document).ready(function(){
$("img.nav-btn").click(function(){
$("nav>ul").toggle('slow');
\t \t $(".nav-btn").attr('src', 'http://www.salmanulfaris.com/GEM/images/button_1.png')(500);
});
\t });
.nav-ul {
\t background-color:#252525;
\t width:100%;
\t display:none;
\t padding: 40px 0px 10px 0px;
\t margin:0px 0px 0px 0px;
\t position:absolute;
\t height:375px;
\t right:0;
}
.nav-ul > li {
\t display:block;
\t width:50%;
\t border-bottom:solid 1.5px #57d846;
\t margin:0 auto;
\t margin-bottom:25px;
\t font-weight:700;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.0/react-dom.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<nav>
\t <img src="http://www.salmanulfaris.com/GEM/images/button.png" class="nav-btn">
<ul class="nav-ul" id="">
\t <li><a href="#" >HOME</a></li>
<li ><a href="#" >TUTORIALS</a></li>
<li><a href="#">ARTICLES</a></li>
<li><a href="#">ABOUT US</a></li>
</ul>
</nav>