Y38Design

プロダクトデザインをはじめとして、
Webデザイン、グラフィックデザインなどを手がけるデザイナーY38のサイトです。

CMSDにて、アイテムがない時にはその親要素を表示させないようにする

Webデザイン, 未分類 2011年1月14日 金曜日 17:48:05

<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

toTop