CODEWITHSUNDEEP
jqueryconditional-statements
LBF
LBF

Reputation: 1205

Jquery "if this and if that" then do this

This should be so simple, but it's not working for me. I want to say:

If this doesn't have the class "current" AND if the body class does not equal "home", then do this....

Here is what I'm trying (among other things) to no avail. Only the first conditional works.

$(".nav1 > ul > li").mouseleave(function() {

    if ( (!$(this).hasClass("current")) || (!$(body).hasClass("home"))  ){
         $(this).find(".nav-overlay").show();   
    }

});

What am I doing wrong? Thank you!

UPDATE FOR CLARITY:

I only want to show ".nav-overlay" when the following conditions are true:

  1. You are not on the homepage (body class="home") AND
  2. The ".nav1 > ul > li" class does not equal "current"

Upvotes: 18

Views: 98851

Answers (2)

Ivan Chernykh
Ivan Chernykh

Reputation: 42176

Try $("body") and &&:

   if ( (!$(this).hasClass("current")) && (!$("body").hasClass("home"))  ){
    //...

Or this way , it is shorter:

   if ( !$(this).is(".current") && !$("body").is(".home")  ){
     //...

Upvotes: 32

Ionică Bizău
Ionică Bizău

Reputation: 113455

If body is not a variable, access it as a HTML tag: add quotes. Also, AND is && instead of || (that means OR):

if (!$(this).hassClass("current") && !$("body").hasClass("home")) {
    $(this).find(".nav-overlay").show();
}

If body is a jQuery object you can do directly ... && !$body.hashClass(...).

Upvotes: 4

Related Questions