我有一个文档,您想激活和停用ul标记的背景。在我的代码中,到目前为止已经做到了,但这一点仍然有效。如何激活所选内容?
此链接视图代码http://jsfiddle.net/bruno_aw/3E6Qw/.
$(document).ready(function() {
$('.mais_info').click(function() {
if ($('.relacionadas').is(':visible')) {
$('.list_calendar .calendar_listing ul').removeClass('bg_cinza');
}
else {
$('.list_calendar .calendar_listing ul').addClass('bg_cinza');
}
var id = this.id;
id = id.replace('bt_','');
$('#info_'+id).slideToggle('fast', function(){
if ($('#info_'+id).is(':visible')){
$('#bt_'+id).css('background-position','left bottom');
} else {
$('#bt_'+id).css('background-position','left top');
}
});
});
});
单击时。Mais_info打开。背景中相关且活跃。List_calendar。Calendar_listing ul,但单击2时会发生错误。
如果可能的话,你想点击并激活每个独立程序吗。
接受了以手风琴形式改进代码的建议。
谢谢!
你是这样的意思吗?使用$(this)
将获得您正在选择的
$(this).parent().removeClass('bg_cinza');
此处演示http://jsfiddle.net/3E6Qw/3/
我想您正在寻找这个:http://jsfiddle.net/3E6Qw/4/
$('.mais_info').click(function() {
if ($('.relacionadas').is(':visible')) {
$('.list_calendar .calendar_listing ul',this).removeClass('bg_cinza');
$(this).parent().removeClass('bg_cinza');
} else {
$('.list_calendar .calendar_listing ul',this).addClass('bg_cinza');
$(this).parent().addClass('bg_cinza');
}