我的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小提琴

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