The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
Correctly work with hidden elements
| Project: | Flexify |
| Version: | 1.1.0 |
| Component: | Code |
| Category: | feature request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
It would be great if the plugin would take into account hidden elements (display:none, or $(selector).hide()) that take no space and act accordingly.
Say I have three divs:
<div id="container" style="height: 500px">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</div>
$('body, div').flex('body', 1);
$(document).flexify();If I later do $('#div2').hide(), there should be a reflow (I can trigger it now with $(window).trigger('reflow')) and div1 and div3 should take 50% of available space each.
- Login to post comments