css - 我如何显示溢出：使用 javascript 或 jquery 的隐藏内容

Question

我有一个具有 CSS 的 div 内容：

height:700; 
overflow:hidden;

我想要做的是我想创建一个按钮，上面写着：展开

因此，一旦单击展开，我希望该 div 的 css 更改为：

overflow:hidden至overflow:visible

所以知道 div 将展开到 css 中指定的高度，如果展开按钮变成折叠并在单击时反之亦然，那就太好了

Answer 1

jQuery是你的朋友。它是构建您所描述的基本 DOM 事件的完美库。您的代码可能如下所示：

$('#expand-button').click(function(e) {
    $('.my_div').css('overflow', 'visible');
});

Answer 2

您可以使用 jQuery .css 函数来修改 CSS 属性的值。 http://api.jquery.com/css/。

您还可以使用 jQuery 将一段 HTML 替换为另一个，例如。更改按钮。 http://api.jquery.com/css/