请教一个Jquery的show、hide问题


<body>
<div class="A"></div>
<div class="B"></div>
</body>
当点击A的时候show B  当点击其他任意位置 包括A的时候 B hide  该如何操作

解决方案 »

  1.   


    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script language="JavaScript"> 
    $(function(){
    $(".B").hide();
    $(".A").click(function(){
    $(".B").show(function(){
    $(document).one("click", function(){
    $(".B").hide();
    });
    });

    })
    })
    </script>
    <body>
    <div class="A">AAA</div>
    <div class="B">BBB</div>
    </body>
      

  2.   

    借下楼上的代码：<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script language="JavaScript"> 
    $(function(){
        $("#B").hide();
        $("#A").click(function(){
            $("#B").show();
                });
        $("#A").blur(function(){
            $("#B").hide();
            });
        })
    </script>
    <body>
    <div id="A">AAA</div>
    <div id="B">BBB</div>
    </body>
      

  3.   

    谢谢，不过请问 $(".B").show(function() 这里的show加入回调函数后 speed就不为0了是吗，
    改为0就无效了 如 $(".B").show(0，function()