用于展开链接的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中做过任何更改吗?