jquery实现隐藏与显示的功能

Question

我想实现：在点击一个按钮后显示一段文字，同时隐藏另一段文字，在第二次点击这个按钮后将显示的文字隐藏起来，将隐藏的文字显示出来。就是类似toggle()的功能，但是用toggle不好完成。

Answer 1

1 2 3

<button id="trigger" >Trigger</button> <div id="cont1">Hello</div> <div id="cont2">World</div>

 

1 2 3

#cont1{     display:none }

 

1 2 3 4

$('#trigger').click(function(){     $('cont1').toggle();     $('cont2').toggle(); });

以上是严格按照你的描述实现，就是使用toggle().