скрывает макет, но сохраняет текст на странице?

Question

предположим, что у меня есть HTML как этот

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

стиле

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

, если я использую CSS, такие как display:none or visibility:hidden это скрыть все (макет и текст) Я хочу, чтобы сохранить текст и скрывается только макет. есть ли способ заархивировать этот случай? Искренне благодарю за любезно помочь ...

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--> 
}