remove method automatically removes element from DOM

[desandro]

remove method automatically removes element from DOM

[mgrn0]

I would like to hide and re-show certain elements that meet a criteria, e.g. have elements of different classes and let the user hide and re-show them via checkbox or similar. I tried to hide it only with CSS but that does not help, the element(s) still take up space in the Packery layout. .. so +1 ;)

[desandro]

I should specify that Packery is not Isotope. If you wish to hide/reveal certain items, then Isotope is the library you should use.

[vbmedia]

Would be awesome to be able to hide/show instead of remove elements, would bring together strengths of isotope into Packery.

[desandro]

Packery layout will be a layout mode in Isotope v3.

[desandro]

.hide method added in Packery v1.1.0. Currently undocumented.

[mathjazz]

Is the .hide method still in the code? I can't find it in the current or v1.1.0 source.

[desandro]

@mathjazz It's available via the Outlayer API, which Packery is a sub-class of. See https://github.com/metafizzy/outlayer/blob/v1.3.0/outlayer.js#L776-L789

.hide() isn't quite perfect. You need to pass in an array of Packery Items, not just elements. I've been considering adding another friendlier method.

[mathjazz]

Oh, thanks for pointing that out!

[bryceadams]

@desandro still interested in adding a friendlier method or just sticking to .hide()? 😄

[desandro]

@bryceadams Still interested. I've done some work on it recently, see metafizzy/outlayer@d89057a

[pliablepixels]

@desandro - how does one use the outer layer API? I am using packery.pkgd.js.