javascript - 查询 : link title attribute unchange

Question

我是 JQuery 的新手，对此有疑问

$("#trigger").click(
  function(){
        $("#pnel-menu").toggle("slow");
        $(this).toggleClass("active");
        $(this).attr("title", "Open Panel");
  }, function() {
            $(this).attr("title", "Close Panel");
            return false;
});

HTML

<div id="pnel-menu">
  menu
</div>
<p class="slidebar">
  <a id="trigger" title="" href="#"></a>
</p>
<div id="pnel-cont">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit
</div>

我喜欢做的是在点击打开或关闭#pnel-menu 时动态更改 .trigger 标题。

但它不会改变？有没有人可以提供一些线索，先谢谢了:)

Answer 1

试试这个:

$("#trigger").click(function(){
  var that = $(this);
  $("#pnel-menu").toggle("slow");
  that.toggleClass("active");
  that.attr("title", (that.hasClass("active")?"Close":"Open") + " Panel");
});