Javascript Jquery简易手风琴
我有简单的Jquery手风琴,但在打开选项卡时更改标题颜色有问题 这是我的密码 HTMLJavascript Jquery简易手风琴,javascript,jquery,accordion,jquery-ui-accordion,Javascript,Jquery,Accordion,Jquery Ui Accordion,我有简单的Jquery手风琴,但在打开选项卡时更改标题颜色有问题 这是我的密码 HTML <dl class="accordion-modal"> <dt><a href=""><header>FIRST</header></a></dt> <dd class="active-accordian">FIRST CONTENT</dd> <dt>
<dl class="accordion-modal">
<dt><a href=""><header>FIRST</header></a></dt>
<dd class="active-accordian">FIRST CONTENT</dd>
<dt><a href=""><header>SECOND</header></a></dt>
<dd>SECOND CONTENT</dd>
</dl>
CSS
(function($) {
var allPanels = $('.accordion-modal > dd').hide();
$('.accordion-modal > .active-accordian').show();
$('.accordion-modal > dt > a').click(function() {
$this = $(this);
$target = $this.parent().next();
if(!$target.hasClass('active')){
allPanels.removeClass('active').slideUp();
$target.addClass('active').slideDown();
}
return false;
});
})(jQuery);
header{
background-color:green;
}
.active{
background-color:red;
}
.active-header-color{
background-color:blue;
}
当显示某些内容以向该标题添加类时,我需要什么?
这是小提琴
这是我的小提琴。
参考它
您只需将display:inline块添加到
这是需要改变的主要部分
$('.accordion-modal > dt > a').click(function () {
$(this).children('header').addClass('green');
$(this).parent().siblings().children('a').children('header').removeClass('green'); //$(this).parent().siblings().children('a').removeClass('green');
allPanels.slideUp();
$(this).parent().next().slideDown();
return false;
});
更新JS小提琴
不错,但我需要在页眉中添加类或删除类,因为基于页眉中的类,我有更多的样式