代码之家  ›  专栏  ›  技术社区  ›  Kyle

jquerynoob:悬停时显示div,单击以切换显示

  •  1
  • Kyle  · 技术社区  · 14 年前

    jsFiddle example here .

    display:block; ,但我不能让它工作。

    1 回复  |  直到 14 年前
        1
  •  1
  •   Nick Craver    14 年前

    当前正在使用 $(this) .click() ,但这就是问题所在 <button> ( #related-btn <div> ( #show-hide ),我想你想要的是:

    $("#related-btn").hover(function() {
        $("#show-hide").toggle("slow");
    }).click(function() {
        $("#show-hide").toggle();
    });
    

    You can see an updated example here

    $("#related-btn").bind('mouseenter mouseleave click', function() {
      $("#show-hide").toggle("slow");
    });
    

    或者…如果您不想切换它,但单击“锁定”它,您可以这样做:

    $("#related-btn").hover(function() {
      if(!$(this).data('pinned'))
        $("#show-hide").toggle("slow");
    }).click(function() {
      $(this).data('pinned', !$(this).data('pinned'));
    });
    

    You can see a demo of that here