使用toggleClass()的jQuery toggle()

时间:2011-03-04 19:07:45

标签: jquery toggle toggleclass

我有一个按钮可以打开和关闭DIV层。我正在尝试向按钮添加一个类,以便当它在其上切换时显示不同,但是我无法使其工作,在切换按钮时不会添加该类。

该按钮是一个列表项,例如开/关

这是我的代码:

$("#btninformation").click(function () {
  $("#map-items-category-one").toggle("slow", function() {
    $(this).toggleClass("toggled-on");
  });
});

任何想法都有错吗?

由于 扎克

1 个答案:

答案 0 :(得分:5)

您正在'#map-items-category-one'切换课程,而不是'#btninformation'。只需获取内部回调之外的按钮的引用:

$("#btninformation").click(function () {
  var $that = $(this);
  $("#map-items-category-one").toggle("slow", function() {
    $that.toggleClass("toggled-on");
  });
});