reload masonry when div has fadeout onclick?

Posted by Jason on Stack Overflow See other posts from Stack Overflow or by Jason
Published on 2010-05-10T19:26:41Z Indexed on 2010/05/10 22:14 UTC
Read the original article Hit count: 198

Filed under:

div

|

fadeout

|

jQuery

Hi,

I'm using masonry for layout.

I have set up a filter for the divs using the following code:

$("#logo").click(function() {
    $(".box").fadeIn();
    $(".box:not(.logo)").fadeOut();
});

when I select an item, I want masonry to reload the layout so that the items are reshuffled and that there aren't blank spaces.

Ideas?

thanks

© Stack Overflow or respective owner

Related posts about div

add a div.class in a child, only when the parent does not have other div.class

as seen on Stack Overflow - Search for 'Stack Overflow'
i have a html code like this: <div class="someclass"> <div class="childclass"></div> <div class="checkclass"></div> </div> <div class="someclass"> <div class="childclass"></div> </div> <div class="someclass"> <div… >>> More
#div:normal #div:hover #div:SELECTED?

as seen on Stack Overflow - Search for 'Stack Overflow'
Hey guys, On the "services" and "company" pages I have a right sidebar list. This is being included with PHP. So far I have a CSS class for normal and a CSS class for when you hover each item in the list. I want to have a new class for when each list item is selected. So for example in services,… >>> More
Two DIV layers: resize top DIV based on dynamic height of bottom DIV

as seen on Stack Overflow - Search for 'Stack Overflow'
I have two DIV layers, one above the other. In the top DIV, there is an image, and in the bottom DIV, there is a block of text. The amount of text in the bottom DIV will change, thus increasing and decreasing the required height. I need to dynamically decrease the height of the image in the top DIV… >>> More
DIV Overlaying DIV, links in backmost DIV non-accessible

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a photoshop image that is 500x600 that I am using as a background image for the first div. The second div sits over top of the first div and is populated with images. The z-index of the first div is set to 100. The effect is the photoshop image sits over top of all of the smaller images. The… >>> More
Why won't my DIV height grow? Is it because I am using floats?

as seen on Stack Overflow - Search for 'Stack Overflow'
Please help! I am trying to create some div sections and some of these div sections have some other divs that are floated. All of which I have cleared. But the sections are not growing to accomodate the content inside of them. The following is my HTML - <div class="data"> <div class="name">Data</div> … >>> More

Related posts about fadeout

jQuery fadeIn/fadeOut loop problem

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi. I'm trying to do a sequentiall animation with a loop....but i can't accomplish it in a smooth way (some "lag" problems). jQuery var i = 0; var b = 0; var fades = function(){$(".caja").stop(0).each(function(){ $(this).delay(i * 500).fadeIn('slow', function(){ $(this).delay(5000).fadeOut('slow'… >>> More
jQuery fadeOut, replaceWith, animate almost working

as seen on Stack Overflow - Search for 'Stack Overflow'
I am trying to accomplish the following: 1. On click, have a div with id="fader" fadeout 2. replaceHtml of fader with new html (this new HTML will appear below the fold of the browser) 3. Animate new HTML to slide up to the specified location Step 1 and 2 are working, step 3 is not and I'm stumped… >>> More
Thumbnails fadein fadeout specific div fade issues

as seen on Stack Overflow - Search for 'Stack Overflow'
I am using this code to hide and show a div based on which thumbnail you rollover; $(document).ready(function(){ $('div.infodiv').hide(); $(".website_thumbs a").hover( function(){ var name = $(this).attr("name"); $(".infodiv").stop(); $("."+name).fadeIn(); … >>> More
$.fadeTo/fadeOut() operations on Table Rows in IE fail

as seen on West-Wind - Search for 'West-Wind'
Here’s a a small problem that one of customers ran into a few days ago: He was playing around with some of the sample code I’ve put out for one of my simple jQuery demos which deals with providing a simple pulse behavior plug-in: $.fn.pulse = function(time) { if (!time) time = 2000; … >>> More
How to fadein and fadeout in single UIView?

as seen on Stack Overflow - Search for 'Stack Overflow'
example i try to change cell.accessoryView from picture1 to picture2 by fadein but my problem is i only have one accessoryView(one UIView) any idea? >>> More