javascript - 如何在鼠标单击时展开特定的 div 元素？

Question

例如，在 Twitter 中，我们在各个推文上单击“展开”，然后它只会展开提供指向各个推文的链接或显示图像或视频以及时间戳。然后在下一次单击时它只是隐藏扩展数据。

还有如何显示鼠标悬停在 div 上而不是鼠标箭头上。就像在 Twitter 中一样。

我希望可以使用 jQuery。有人能给我一个实现这个的示例代码吗？??

Answer 1

你会想要:

$('.button').click(function(){
     $('div').slideToggle();
});

确保隐藏 $('div') 选择器