Question

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

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

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

Answer 1

你想要的：

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

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

Answer 2

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

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

div { cursor: arrow; }