I need an jQuery script that will see if any element has an specific class and do an action like change position.
This is the way, but I don`t think this will work.
$("a.contact").toggle(function() {
$("#contact").animate({
right: '0'
}, 2000);
if ($("#about").hasClass("opened")) {
$("#about").animate({
right: -700 + "px"
}, 2000);
}
}, function() {
$("#contact").animate({
right: -700 + "px"
}, 2000);
});
First, you're missing some parentheses in your conditional:
if ($("#about").hasClass("opened")) {
$("#about").animate({right: "-700px"}, 2000);
}
But you can also simplify this to:
$('#about.opened').animate(...);
If #about doesn't have the opened class, it won't animate.
If the problem is with the animation itself, we'd need to know more about your element positioning (absolute? absolute inside relative parent? does the parent have layout?)
If you want to check for only one class you can use this:
if ($("#about").hasClass("opened")) {
// ...
}
And if you want to check for some classes you can use this:
if ($("#about").is(".opended, .class-name1, class-name2")) {
// ...
}
