Javascript 使用jQuery单击链接时更改链接背景颜色

我有一个基本的jQuery手风琴。如果链接被点击，我想改变链接的背景颜色

因此，如果我单击“下拉1”，背景颜色将变为红色。我该怎么做

演示：

$（文档）.ready（函数（$）{
$（'.inline'）。查找（'.navtoggle'）。单击（函数（）{
//展开或折叠此面板
$（this.next（）.slideToggle（'fast'）；
//隐藏其他面板
$（“.sub-menu”）.not（$（this.next（））.slideUp（'fast'）；
});
});
.accordion切换{光标：指针；}
.子菜单{显示：无；}
.sub-menu.sub-menu{display:block；}














不确定这是您想要的，但是

$(".inline.naked li").click(function(color){
   var bgColor = typeof x === "undefined" ? "red" : color;
   $(this).css("background-color", color);
});

您想要什么？
单击时添加红色

CSS

.accordion切换{光标：指针；}
.子菜单{显示：无；}
.sub-menu.sub-menu{display:block；}

HTML
















Javascript

$(document).ready(function($) {
$('.inline').find('.navtoggle').click(function(){

  //Expand or collapse this panel
    $(this).css('background-color','red').next().slideToggle('fast');

  //Hide the other panels
  $(".sub-menu").not($(this).next()).slideUp('fast');

});
});

你能提供一个演示/小提琴吗？我看不出答案。对不起。不完全是。它应该是当一个链接被点击的时候。是的，我在你评论和改变它之前就意识到了这是任何有子菜单的链接。因此，不仅仅是“下拉1”。因此，删除if并保留$（this）.css（“背景色”、“红色”）语句。