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>