带有切换div的工具提示单击打开，然后单击关闭

Question

我正在开发一个带有工具提示的togglediv。

问题是我的工具提示显示"点击打开"，但是，打开切换后，工具提示只需要显示"点击关闭"

任何人都请帮我做这件事。

这里是我的项目的Zip文件。

和实时链接

$(document).ready(function(){
    $(".latestnews").click(function(){
        $(".latestnews_toggle").toggle(1000);
    });
});

请帮我做这个。我需要工具提示应该根据打开关闭显示消息。关闭时显示"点击打开"，打开时应显示"点击关闭"

Answer 1

最简单的方法：添加类似var widget_is_open = false的"状态"变量。打开小部件后，只需使用widget_is_open = !widget_is_open;并根据变量的值相应地调整文本。

为了动态分配消息，请参阅文档：

<script>
  var widget_is_open = true;
  $(document).ready(function(){
     $(".latestnews").click(function(){
        widget_is_open = !widget_is_open;
        $(".latestnews_toggle").toggle(1000);
     });
  });
  $(document).ready(function() {
    $('.rgttool').tinytooltip({
       message: function(tip) {
          if(widget_is_open===true) {return "click to close";}
          return "click to open";
        }
     });
  });
</script>