代码之家  ›  专栏  ›  技术社区  ›  Basant B. Pandey

如何使用jquery创建DIV切换效果?

  •  0
  • Basant B. Pandey  · 技术社区  · 15 年前

    我想要以下要求。但它有轻微的变化。

    http://acrisdesign.com/demo/toggle/

    下面的例子请考虑上面的链接。

    悬停和单击有两种切换效果。

    我的要求是,当有人点击DIV的顶部时:它将展开,并且DIV中应该有一个“关闭”按钮,有些人将鼠标移到这个图像上,或者点击DIV将关闭。当有人鼠标悬停时,链接将展开。

      First time click expand when mouse over the link collapse. 
    

    有切换链接“点击这里”。当有人单击链接时,它会在彼此之间创建一个空间,但我对它的要求是在三个链接的顶部显示“单击此处”。

    2 回复  |  直到 15 年前
        1
  •  1
  •   Mohit Jain    15 年前
        2
  •  0
  •   Anthony Potts    15 年前

    我发现非常有用的是jqueryui中的.toggleClass()函数

    http://jqueryui.com/demos/toggleClass/