Jquery div下拉列表,当您在div内单击时会向上显示?

Jquery div下拉列表,当您在div内单击时会向上显示?,jquery,html,dropdownbox,Jquery,Html,Dropdownbox,我有下面的脚本来放下一个div。 正确的做法是,当我在div外单击或选择另一个div向下时,已经滴下的div正在向上 但是当我点击div中的任何东西时,它就不会上升了 Javascript: $(document).ready(function() { $('#favorite_holder').click(function(e) { $('#favorite_container').slideToggle("fast"); $('#account_con

我有下面的脚本来放下一个div。 正确的做法是,当我在div外单击或选择另一个div向下时,已经滴下的div正在向上

但是当我点击div中的任何东西时,它就不会上升了

Javascript:

$(document).ready(function() {
    $('#favorite_holder').click(function(e) {
        $('#favorite_container').slideToggle("fast");
        $('#account_container').slideUp("fast");
        $('#cart_container').slideUp("fast");
        e.stopPropagation();
    });

    $('#account_holder').click(function(e) {
        $('#account_container').slideToggle("fast");
        $('#favorite_container').slideUp("fast");
        $('#cart_container').slideUp("fast");
        e.stopPropagation();
    }); 

    $('#cart_holder').click(function(e) {
        $('#cart_container').slideToggle("fast");
        $('#favorite_container').slideUp("fast");
        $('#account_container').slideUp("fast");
        e.stopPropagation();
    });

    $(document).click(function(){
        $('#favorite_container, #account_container, #cart_container').slideUp("fast");
    });
});
$(document).ready(function() {
    $('.parent').click(function() {
        $('.child').slideUp("fast");            
        $(this).find("div").slideDown("fast");           
    });


    $('.child').click(function(e) {
        e.stopPropagation();
    });   
});
HTML:


点击这里
内容在这里。。。
点击这里
这里的内容有两个。。。
点击这里
名字:
姓氏:

您可以这样做:

$('#favorite_container, #account_container, #cart_container').click(function(e){
    e.stopPropagation();
})

演示html和javascript的简易方法:

$(document).ready(function() {
    $('#favorite_holder').click(function(e) {
        $('#favorite_container').slideToggle("fast");
        $('#account_container').slideUp("fast");
        $('#cart_container').slideUp("fast");
        e.stopPropagation();
    });

    $('#account_holder').click(function(e) {
        $('#account_container').slideToggle("fast");
        $('#favorite_container').slideUp("fast");
        $('#cart_container').slideUp("fast");
        e.stopPropagation();
    }); 

    $('#cart_holder').click(function(e) {
        $('#cart_container').slideToggle("fast");
        $('#favorite_container').slideUp("fast");
        $('#account_container').slideUp("fast");
        e.stopPropagation();
    });

    $(document).click(function(){
        $('#favorite_container, #account_container, #cart_container').slideUp("fast");
    });
});
$(document).ready(function() {
    $('.parent').click(function() {
        $('.child').slideUp("fast");            
        $(this).find("div").slideDown("fast");           
    });


    $('.child').click(function(e) {
        e.stopPropagation();
    });   
});
Html:


@劳拉:你不想在任何div外单击时滑动吗?重构是的,我希望在单击某个div或另一个div外时它上升。谢谢你的帮助,它现在可以正常工作了!