javascript点击事件第二次点击淡出需要修复

Question

请有人可以解决此问题，以便在第二次点击时淡出

<script>
$(function() {
    var angle = 0;
    $("#image").click(function() {
            angle += 360;
            $(this).rotate({ animateTo:angle});
        $('.buttons').stop(true, true).fadeIn(400);
        });
    $('.buttons').stop(true, true).fadeOut(400);
});
</script>  

Answer 1

查看jQuery fadeToggle function

---

http://jsfiddle.net/fjovengc/

---

HTML：

<input type="button" value="click me" id="myButton">
<div id="myDiv"></div>

---

JS：

$("#myButton").on("click", function(){
    $("#myDiv").fadeToggle(500);
});

---

的CSS：

#myDiv{
    height: 40px;
    width: 40px;
    border-radius: 8px;
    background-color: #f53;
    margin: 10px;
}