javascript - 隐藏布局但将文本保留在页面中？

Question

假设我有这样的html

<span class='hide'>
   nothing to comment please be good to each other
</span>

风格

.hide{
   /*visibility:hidden;*/
   display:none;
   width:100px;
   height:auto;
}

如果我使用诸如 display:none 或 visibility:hidden 之类的 css，它会隐藏所有(布局和文本)我想保留文本并仅隐藏布局。有没有办法存档这个案例？衷心感谢您的热心帮助...

Answer 1

只需使用 toggleClass 并创建一个裸类，以及一个具有您想要的所有布局的类

<span class='hide' id='comment'>
   nothing to comment please be good to each other
</span>


$("#comment").toggleClass("oldClass newClass");

.oldClass {
  <!--bare formatting-->
}

.newClass{
  <!--fancy formatting-->
}