Ekskludere element fra jQuery

[Defo]

Hei!

 

Jeg har følgende jQuery setning som endrer opacity på hele siden:

$("#apacheLink").click(function() {
   $("#allcontent").animate({ opacity: 0.5 });
});

Jeg ønsker imidlertid å ekskludere en div fra denne jquery setningen.

Har prøvd å gjøre dette ved bla:

$("#apacheLink").click(function() {
   $("#allcontent").animate({ opacity: 0.5 });
   $(".popupBoksWrapper").animate({ opacity: 1 });
});

... samt forskjellige implementasjoner av not() funksjonen i jQuery uten hell.

 

Noen tips?

[Gjest Slettet+1523]

Dersom .popupBoksWrapper ligger inne i #allcontent vil den bli påvirket av at du setter opacity på foreldreelementet. For at denne koden skal fungere må .popupBoksWrapper ligge utenfor #allcontent. Vet ikke om det er problemet hos deg, men høres mest nærliggende ut å anta.

[Defo]

Dersom .popupBoksWrapper ligger inne i #allcontent vil den bli påvirket av at du setter opacity på foreldreelementet. For at denne koden skal fungere må .popupBoksWrapper ligge utenfor #allcontent. Vet ikke om det er problemet hos deg, men høres mest nærliggende ut å anta.

 

Stemmer, tenkte derfor at det kunne fungere å manuelt øke opacity tilbake til standard på .popupBoksWrapper etter endringen på #allcontent, men needless to say - det fungerte ikke.

 

Håpet på å finne en løsning som ikke inkluderer å plassere den aktuelle div'en utenfor #allcontent

[Defo]

Noen som vet hvordan jeg kan få til dette?

[TheClown]

Du må plassere elementet som ikke skal være gjennomsniktig utenfor elementet du animerer.

[Kenny Bones]

Hvorfor lager du ikke bare en klasse som du slår av og på i click-eventen?

Det er mye enklere, og vanligere å styre adferden i CSS.

$("#apacheLink").click(function() {
   $('#somecontainer').toggleClass('is_visible');
});

Og CSS

#somecontainer {
    .element1 {
       opacity: 0;
    }

    &.is_visible {
       .element1 {
          opacity: 1;
       }
    }
}

Sett at du bruker LESS da, noe du bør uansett

Hvis ikke blir det noe ala dette

#somecontainer .element1{
    opacity: 0;
}

#somecontainer.is_visible .element1 {
    opacity: 1;
}

Selvfølgelig kan du putte hva som helst av elementer inni disse selectorene, hvor element1 her brukes.