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

时间:2014-09-15 19:53:27

标签: javascript jquery ajax html5 css3

我正在使用工具提示进行切换div。

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

任何人都可以帮我这样做。

Here 是我项目的Zip文件。

Live Link

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

请帮我这样做。我需要工具提示应该按开放关闭显示消息。当关闭显示“点击打开”时,打开时应显示“点击关闭”

1 个答案:

答案 0 :(得分: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>