Então, se você estiver trabalhando com a fundação e usar o blockgrid e ocultar e mostrar elementos dinamicamente, com mais de uma linha você terá um espaço em branco – feio!
Adicionando
style=display:none;
via js irá ocultar o elemento, mas se houver, digamos, 2 linhas e você ocultar o último da linha 1, haverá um espaço em branco.
Este é o resultado de como a fundação calcula (ou, mais precisamente, conta ) os elementos <li>.
Agora, a dica:
se você não se importa com a ordem dos elementos, simplesmente faça o seguinte para cada elemento que ocultar:
jQuery('#li-Id').appendTo("#ul-Id");
Isso simplesmente colocará o elemento selecionado no final de seu contêiner ul, produzindo um fluxo bom e limpo de seus elementos de blockgrid sem espaços em branco.
Exemplo do problema:
http://foundation.zurb.com/forum/posts/581-block-grid-in-combination-with-visibility-not-working-as-expected
Tópico Stackoverflow em listas de reordenamento:
http://stackoverflow.com/questions/3814025/jquery-move-list-item-to-end-of-list