Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/sqlite/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 需要此切换的帮助以进行小更改_Javascript_Jquery_Css_Toggle - Fatal编程技术网

Javascript 需要此切换的帮助以进行小更改

Javascript 需要此切换的帮助以进行小更改,javascript,jquery,css,toggle,Javascript,Jquery,Css,Toggle,在下面的代码中,我只想当我单击面板内的任何内容(面板内的p标记中包含的内容)时,不应在面板上滑动,直到使用了单击面板或其他位置,但不使用面板内的子元素p,请参阅fiddle中的html以获取帮助,如果使用了其他面板上的单击事件,则单击尝试不应关闭面板。这个剧本是我早些时候和praveen先生合作的 代码是 $(document).ready(function () { $("#toggle li > .panel").hide(); $('.plusminus').html

在下面的代码中,我只想当我单击面板内的任何内容(面板内的p标记中包含的内容)时,不应在面板上滑动,直到使用了单击面板或其他位置,但不使用面板内的子元素p,请参阅fiddle中的html以获取帮助,如果使用了其他面板上的单击事件,则单击尝试不应关闭面板。这个剧本是我早些时候和praveen先生合作的

代码是

$(document).ready(function () {
    $("#toggle li > .panel").hide();
    $('.plusminus').html('+');

    $('#toggle li').click(function () {
        if( !$(this).children('.panel').is(":visible") ) {
            $("#toggle li > .panel").slideUp();
            $('.plusminus').html('+');
        }
        a = $(this).children(".plusminus");
        $(this).children(".panel").slideToggle('fast', function(){
            a.html($(this).is(":visible") ? '--' : '+');
        });
    });

    $("body").click(function(event){
        if ($(event.target).closest("ul").attr('id') != "toggle") {
            $("#toggle li > .panel").slideUp();
            $('.plusminus').html('+');
        }
    });
});
摆弄小提琴是很重要的

删除
$(“#toggle li>.panel”).hide()
on
document load
使面板在
load

添加
$(“#toggle li>.panel”)。单击(函数(事件){
event.stopPropagation();
});

当您在面板内单击时,将使下拉列表不关闭

我不太理解您的问题。“如果我点击任何带有面板的内容标签,我能让它工作吗”?你所说的内容标签到底是什么意思?您页面上的哪些对象应该是可点击的?@Nisanth:+1@卡马尔:顺便说一句,你真的想在打开另一个菜单时折叠一个菜单,还是有问题?@Nisanth在fiddel的html中看到单击(try),在ElesWhere上的单击事件执行之前,该菜单不应该滑动。@Nisanth很多次都成功了,天哪,我没有想到,你们这些家伙对我这样的新手真是帮了大忙。。。