Javascript If else statement

Question

$(".Arrow44").click(function(event) {
    $("#aca").slideDown();
    event.stopPropagation();
});

$(document).click(function(event) {
    var a = $(event.target).andSelf().parents("#aca");
        if (a.length == 0 && $("#aca").is(":visible")) {
    $("#aca").slideUp();
}
      else $(".Arrow44").click(function(event) {
   $("#aca").slideUp();
}


});

I am trying to accomplish an instance so that when I click on the Arrow44 element it will slideUp. But also, If I click it it will slideDown.

Can I accomplish this relatively simple with this code?

Watch your brackets. You're missing a { after else and missing a }); after the second slideUp();. — hyperslug
– hyperslug, Commented May 31, 2011 at 2:11

Cristian Sanchez · Accepted Answer · 2011-05-31 02:19:16Z

2

$(".Arrow44").click(function () {
   $("#aca").slideToggle();
   return false; // stop bubbling and prevent default action - remove if not necessary
});

edited May 31, 2011 at 2:19

answered May 31, 2011 at 2:10

Cristian Sanchez

32.4k11 gold badges59 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Phil Over a year ago

Don't forget to return false; in the click handler

Cristian Sanchez Over a year ago

@Phil: I'm not sure if it's needed (can't say for sure without looking at his code), but I added it anyways. Thanks.

Phil Over a year ago

Just going on the stopPropagation bit in the OP. Figured it was an anchor or button

Ryan Over a year ago

I'm still analyzing the code. It does not seem to slideUp when I click on the original element that would make it slideDown.

Collectives™ on Stack Overflow

Javascript If else statement

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related