当点击按钮时,下面的文本将折叠,当我再次点击按钮时,文本将被展开并查看。
但是,我想要的是相反的。当页面自动加载时,我想隐藏/折叠文本,并仅在单击按钮时显示。
我怎样才能做出改变呢?
JS
function toggleMe(a) {
var e = document.getElementById(a);
if (!e)
return true;
if (e.style.display == "none") {
如果我的dom上的另一个标记是缺少类,我需要在html上更改一个标记,我需要使用JS或Jquery检查它,我可以这样做吗?
示例:
<a class="collapsed">MY TEXT HERE IS RED</a>
单击此标记后,class ->折叠消失,我需要将文本更改为绿色。我的代码中唯一的变化是折叠消失了,因此我需要改变我的文本颜色,我需要在css中的hasClass函数。
有一个简单的CSS3技巧可以将 附加到div的内容中,以防止它的高度折叠,无论它是否包含文本。我就是找不到它了。
有人能帮帮忙吗?
<div></div> <!-- nothing in it = will collapse -->
<div> </div> <!-- still nothing in it but with appended it won't collapse -->
<div>SOME CONTENT <