Question

求助JS: 关于点击某个元素弹出div的问题，

这个代码是点击a1，弹出b1, 但是再次点击a1的时候，b1又消失了，

如何才能做到再次点击a1的时候，b1不会消失呢？
并且我希望在点击另一个id: "c1"的时候b1才消失。。。

<script type="text/javascript">
$(document).ready(function(){
$("#a1").click(function(e){
$("#b1").toggle();
e.stopPropagation();
});
});
</script>

Answer 1

$("#a1").click(function(){
    $("#b1").show();
});
$("#c1").click(function(){
    $("#b1").hide();
});

Answer 2

换一个方法不就行了，不使用toggle方法，使用show(), hide()方法，点击a1 调用show 点击c1调用hide()

Answer 3

<script type="text/javascript">
    $(document).ready(function(){
        $("#a1").click(function(e){
            $("#b1").show();//改这里
            e.stopPropagation();
        });
        //添加如下
        $("#c1").click(function(e){
            $("#b1").hide();
        });
    });
</script>

Answer 4

<script type="text/javascript">
$(document).ready(function(){
$("#a1").click(function(e){
//$("#b1").toggle();
$("#b1").show();
e.stopPropagation();
});

$("#c1").click(function(e){

$("#b1").hide();
e.stopPropagation();
});

});
</script>