用于展开链接的jquery父选择器

用于展开链接的jquery父选择器,jquery,css,Jquery,Css,我对手风琴有一个展开/折叠效果,但当我点击第一个面板展开按钮时,它也会展开所有其他面板 我想在单击相应的折叠链接时打开父面板 这是我的密码 $('.stats-panel').hide(); $(".expand a").click(function(){ $(this).parent().toggleClass('collapse'); $('.expand').parent().children().find('.stats-panel'

我对手风琴有一个展开/折叠效果,但当我点击第一个面板展开按钮时,它也会展开所有其他面板

我想在单击相应的折叠链接时打开父面板

这是我的密码

$('.stats-panel').hide();
       $(".expand a").click(function(){
           $(this).parent().toggleClass('collapse');
         $('.expand').parent().children().find('.stats-panel').slideToggle();
         $('.key-project-graph').slideToggle();
    });

$('.stats-panel').hide();
   $(".expand a").click(function(){
       $(this).parent().toggleClass('collapse');
     $(this).parent().parent().children().find('.stats-panel').slideToggle();
     //$('.key-project-graph').slideToggle();
     return false;
});

PS-无法更改HTML结构

问题在于选择器
$('.expand')

演示:

如果一次只展开一项,则

var $target = $(this).closest('.activity-block').find('.stats-panel').stop(true, true).slideToggle();
$('.activity-block .stats-panel').not($target).stop(true, true).slideUp();

演示:

问题在于选择器
$('.expand')

演示:

如果一次只展开一项,则

var $target = $(this).closest('.activity-block').find('.stats-panel').stop(true, true).slideToggle();
$('.activity-block .stats-panel').not($target).stop(true, true).slideUp();

演示:

问题在于选择器
$('.expand')

演示:

如果一次只展开一项,则

var $target = $(this).closest('.activity-block').find('.stats-panel').stop(true, true).slideToggle();
$('.activity-block .stats-panel').not($target).stop(true, true).slideUp();

演示:

问题在于选择器
$('.expand')

演示:

如果一次只展开一项,则

var $target = $(this).closest('.activity-block').find('.stats-panel').stop(true, true).slideToggle();
$('.activity-block .stats-panel').not($target).stop(true, true).slideUp();

演示:

试试这样的东西,

$('.stats-panel').hide();
   $(".expand a").click(function(){
       $(this).parent().toggleClass('collapse');
     $(this).parent().parent().children().find('.stats-panel').slideToggle();
     //$('.key-project-graph').slideToggle();
     return false;
});

试试这样,

$('.stats-panel').hide();
   $(".expand a").click(function(){
       $(this).parent().toggleClass('collapse');
     $(this).parent().parent().children().find('.stats-panel').slideToggle();
     //$('.key-project-graph').slideToggle();
     return false;
});

试试这样,

$('.stats-panel').hide();
   $(".expand a").click(function(){
       $(this).parent().toggleClass('collapse');
     $(this).parent().parent().children().find('.stats-panel').slideToggle();
     //$('.key-project-graph').slideToggle();
     return false;
});

试试这样,

$('.stats-panel').hide();
   $(".expand a").click(function(){
       $(this).parent().toggleClass('collapse');
     $(this).parent().parent().children().find('.stats-panel').slideToggle();
     //$('.key-project-graph').slideToggle();
     return false;
});

问题在于这条线

 $('.expand').parent().children().find('.stats-panel').slideToggle();
您使用的是类选择器,它查找具有相同类名的所有元素。相反,您使用了
这个
操作符

由于要访问
的父级。请从
展开
。展开一个
,然后尝试下面的操作

$(this).parent().parent().children().find('.stats-panel').slideToggle();

问题出在这条线路上

 $('.expand').parent().children().find('.stats-panel').slideToggle();
您使用的是类选择器,它查找具有相同类名的所有元素。相反,您使用了
这个
操作符

由于要访问
的父级。请从
展开
。展开一个
,然后尝试下面的操作

$(this).parent().parent().children().find('.stats-panel').slideToggle();

问题出在这条线路上

 $('.expand').parent().children().find('.stats-panel').slideToggle();
您使用的是类选择器,它查找具有相同类名的所有元素。相反,您使用了
这个
操作符

由于要访问
的父级。请从
展开
。展开一个
,然后尝试下面的操作

$(this).parent().parent().children().find('.stats-panel').slideToggle();

问题出在这条线路上

 $('.expand').parent().children().find('.stats-panel').slideToggle();
您使用的是类选择器,它查找具有相同类名的所有元素。相反,您使用了
这个
操作符

由于要访问
的父级。请从
展开
。展开一个
,然后尝试下面的操作

$(this).parent().parent().children().find('.stats-panel').slideToggle();

$('.expand')
匹配所有面板。如果只需要此面板,则应选择与
$(this)
相关的内容。在调用
toggleClass()
时,您做对了,您需要对
slideToggle
执行相同的操作。使用$(事件)。最近('html元素')
$('.expand')
匹配所有面板。如果只需要此面板,则应选择与
$(this)
相关的内容。在调用
toggleClass()
时,您做对了,您需要对
slideToggle
执行相同的操作。使用$(事件)。最近('html元素')
$('.expand')
匹配所有面板。如果只需要此面板,则应选择与
$(this)
相关的内容。在调用
toggleClass()
时,您做对了,您需要对
slideToggle
执行相同的操作。使用$(事件)。最近('html元素')
$('.expand')
匹配所有面板。如果您只需要此面板,则应选择与
$(this)
相关的内容。在调用
toggleClass()
时,您做对了,您需要对
slideToggle
执行相同的操作。使用$(event).closest('html元素')你在html中做过任何更改吗?你在html中做过任何更改吗?你在html中做过任何更改吗?你在html中做过任何更改吗?