我有一个文档要激活和停用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时会发生错误。
如果可能,您是否愿意点击并激活每个独立项。
接受以手风琴形式改进我的代码的建议。
谢谢!
答案 0 :(得分:0)
$(this)
将获得您选择的那个
$(this).parent().removeClass('bg_cinza');
答案 1 :(得分:0)
我认为您正在寻找: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');
}