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

Question

举个例子，就像twitter一样，我们点击个人推文上的展开，然后它只是展开链接到个人推文或显示图片或视频以及时间戳。 然后在下一次点击它只是隐藏扩展的数据。

另外如何显示鼠标悬停在div而不是鼠标箭头上的显示。 完全像在twitter中。

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

Answer 1

你会想：

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

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

Answer 2

对于扩大一个额外的部分，你会希望有两个div。一个会有你想要显示的默认信息。第二个将包含你想要展开和展示的内容。然后你使用类似：

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

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

div { cursor: arrow; }