我的jQuery if / else语句我做错了什么？

Question

我知道我的HTML很好，但是如何将这个if if语句。我希望文本消失，按钮文本改变，然后再按一下按钮反转。

这是我的代码：

    $("#disappearingButton").click(function(){

    if($("#thePara").is(":hidden")){
        $("#thePara").show();
        $("#disappearingButton").html("Click to disappear");
    }else{
        $("#thePara").hide();
        $("#disappearingButton").html("Click to reappear");
    }
});

Answer 1

if(!$("#thePara").is(":visible")){

或

if ($("#thePara").css("display") == "none"){

Answer 2

试试这个js fiddle

$(document).ready(function(){
    $("#disappearingButton").click(function(){
        $('#btheParaook').toggle(function(){
            $('#disappearingButton').text('click to appear');
        } );
    });
});