jQuery在点击时切换HTML

Question

当我点击按钮时,HTML会发生变化,但是当我再次点击时,幻灯片切换会启动,但我想将html作为Show Me放回去.

<div id="show">Show Me</div>
<div id="visible">Hello, My name is John.</div>

$(document).ready(function(){
    $("#show").click(function(){
        $('#visible').slideToggle();
        $('#show').html('Hide me');
    });
})

http://jsfiddle.net/u2p48/13/

知道怎么做的？

谢谢

Answer 1

您可以使用条件运算符? :在文本之间切换.

现场演示

$(document).ready(function(){
    $("#show").click(function(){
        $('#visible').slideToggle();            
        $('#show').html($('#show').text() == 'Hide me' ? 'Show Me' : 'Hide me');
    });
})