jquery masonry - allow for toggle (toggle goes behind div element)

Question

Hi,

I am using a simple toggle effect.

 //Hide (Collapse) the toggle containers on load
 $(".toggle_container").hide(); 

 //Switch the "Open" and "Close" state per click
 $("h4.trigger").toggle(function(){
  $(this).addClass("active");
  }, function () {
  $(this).removeClass("active");
 });

 //Slide up and down on click
 $("h4.trigger").click(function(){
  $(this).next(".toggle_container").slideToggle("slow");
 });

And I am using masonry for div layout.

My issue is that the toggle container when toggled, is hidden behind other divs.

see here: http://jasondaydesign.com

thoughts?

Answer 1

I did something similar, but used a setTimeout() to retrigger the masonry call every 50 milliseconds or so.