I'm creating a plugin that opens a popup/tooltip on click a Icon.

The problem i'm having is that on click i want to check if the element is visible or hidden.

If visible close the tooltip else if hidden open the tool tip.

What the issue is that the .is(':visible') always returns false even though the element is visible and i can't work out why.

A code review would be good to. I have create a jsFiddle link so you can try it out.

http://jsfiddle.net/emjaksa/ExvYj/8/

This is the code that i have to do the visibility check.

2. link.click(function(){
3. console.log(content_wrapper.is(':visible'));
4. if(content_wrapper.is(':visible')){
5. methods.hide.call(main_wrapper);
6. }else{
7. methods.show.call(main_wrapper);
8. }
9. return false;
10. });