<article>
<h3>その他</h3>
<ul>
<cmsd:entrylist name="foo" design="default" rows="100" />
</ul>
</article>
とある場合、エントリーが何も無くてもarticle、h3、ulまで表示されてしまう。
ので、
<article id="bar">
<h3>その他</h3>
<ul>
<cmsd:entrylist name="foo" design="default" rows="100" />
</ul>
</article>
と、article(親要素)に例えばidをあたえ、
cssで、
article#bar{
display:none;
}
と非表示にしてやる。
そしてjqueryの以下のjsを読み込ませ、エントリがある場合(この場合はliがある場合)には、親のarticleにdisplayというクラスを与え、
$(document).ready(function(){
$("article#bar:has(li)").addClass("display");
});
cssにて
article#bar.display{
display:block;
}
displayクラスを表示させる。
Write comment