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

Question

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

还如何在鼠标悬停在 div 上而不是鼠标箭头时显示鼠标手。就像在推特上一样。

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

Answer 1

为了扩展额外的部分，您将需要两个 div。一个将具有您要显示的默认信息。第二个将包含您要扩展和显示的内容。然后你使用类似的东西：

$('#expand_button').click(function(){
     $('#second_div').slideToggle();
});

对于光标：http ://www.w3schools.com/cssref/pr_class_cursor.asp 使用类似：

div { cursor: arrow; }

Answer 2

你会想要：

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

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