javascript - jQuery:链接标题属性不变

我是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菜单时，动态更改.trigger标题。

但这不会改变吗？任何人都可以提供一些线索，在此之前感谢:)

最佳答案

尝试这个：

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