Question

Code: http://codepen.io/anon/pen/sumIx

$('.module article').hide();
});
$('.module-content, .module-photo').click(function() {
  for (var i = 0; i < 5; i++) {
     $('.module article').slideUp();
  } $(this).parent().children('article').slideToggle('slow');
});

If you click on any of the boxes, the previously active div closes as expected.

When you try to close the same div which is active, it opens right back up. How do I keep everything else the same but correct the behavior so that it doesn’t reopen?

Answer 1

Try this:

$('.module-content').click(function() {
   var $this = $(this).closest('section').find('article');
   $('.module article').not($this).slideUp();
   $this.slideToggle('slow');
});

http://codepen.io/anon/pen/DBirp