Home/ Questions/Q 8654511
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T14:48:20+00:00

I need to show a hidden div that is attached to a .box div

  • 0

I need to show a hidden div that is attached to a .box div , my masonry code is 

$(function(){

var $container = $('.content');

$container.imagesLoaded( function(){
  $container.masonry({
    itemSelector : '.box',
    isAnimated : true,
    isResizable : true,

  });
});

});

Its loads a boxes with images and text , but when i want to show a specified DIV
Masonry want move in height , so my hidden div is showing behind a .box div

$('.commentopen').live("click",function()
{
var ID = $(this).attr("id");
$("#commentbox"+ID).fadeIn('slow');
return false;
});

Any ideas how to extend a height in the same window with out reloading
i tries masonry .reload or .reloadItems but with no luck , i think because of .imagesLoaded function

Here a visual explanation enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    All I can understand is that when a “hidden” div is shown, your Isotope layout does not react correctly (repositioning the other elements when the height grows). So, maybe this fiddle here is of some help. If you’d post a link to your sandbox or provide a jsfiddle yourself, it’d be easier to debug. You seem to also load large images via imagesLoaded, so if that’s not correctly implemented, it could also play a role.

    • 0