What am i doing wrong with my jQuery if/else statement?

Question

I know my html is fine, but how do i make this an if else statement. I want the text to disappear and the text of the button to change, and then reverse by pressing the button again.

Here is my code:

    $("#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

try this js fiddle

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