Question

How to re-arrange the DIVs while hiding the div tag.

// jquery masonry plugin
  $('#container').masonry({
    // options
    itemSelector : '.item',

  });

// Delete
$(".item").click(function()
{
$(this).hide();

// Here I want to call 
});


// HTML Code
  <div id="container">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
----
----
----
</div>

Answer 1

What do you want to do? Reload? Remove the item?

$(".item").click(function()
{
 $(this).hide();  
 //Remove item
 $('#container').masonry( 'remove', $(this) );
 //Reload masonry
 $('#container').masonry( 'reloadItems' );
});