jQuery hide only if visible, show only if hidden [closed]

Question

When using jQuery, is it possible to hide a div only if it is not hidden, and show it only if it is not shown, instead of adding the same classes to it again?

Can something like an if be used there?

Eg:

$(document).ready(function() {
 $(".trigger").click(function() {
    // Hide it but only if not hidden - hide
    // Later in the script - Show it but only If it's not visible. 
 });
});

<div class="user">Example Div</div> 
<div class="trigger">Load</div>

I've stripped things down for this question. The real thing is a lot different.

Edit

Toggle is not what I'm trying to do. Toggle will change a class. I'm compulsorily trying to hide it, but only if it's not hidden. That is: add the hidden class only if it's current class is not hidden.

If class != 'hidden' then add the Hidden class

Answer 1

Use an instance of this and toggle

$(".user").click(function() {
    // Only if not hidden - hide
    // Later in the script - Only If not visible show. 
    $(this).next(".trigger").toggle();
});