hide() in jquery

Question

Hi all, In a jquery code, I am dynamically showing and hiding some content.

            if (this.hide()) {

                this.show();
                                }
            else {
                alert("Hello");
                this.hide();

            }

But else part is never getting executed.why?

Answer 1

I'd do something like this :

if($(this).is(':hidden')) { 
    $(this).show();
}
else {
  $(this).hide();
}

Or depending on what you want to do, you can try toggle()

Answer 2

In the if you are hidding the element. You should do this.is(':hidden')

Answer 3

What you're looking for is

this.toggle();

The reason you never reach your 'else' clause is because hide() returns the elements found in the selector (for method chaining reasons). Since it always returns a valid object, it will always resolve to "truthy", i.e. not null, "", 0, false, etc.

Answer 4

this.hide() is running the hide function, not checking if it's hidden, thus it's setting it to hide and then running this.show()

as already said toggle() is what you want as it does the check for you without having to code for that.