別の質問があります。私のサイトでは、水平方向のナビゲーションを階層化しています。それはうまく機能しますが、今私はそれを変更しました。
一部の製品カテゴリには、たとえば次のものがあります。categorielevel に表示される 12 の属性ですが、5 つの属性のみを表示したい場合は、[その他のオプションを表示] をクリックする必要があります。
5 つの属性のみが表示されるように調整するブレーク ラインを作成したので、[その他のオプションを表示] のみが残ります。
<div />
最も簡単な方法は、これらの追加のリンクを別の要素または他の要素に配置し、display: none;
スタイルに設定することだと思います. 次に、単純な JavaScript コードを使用して、Show more
リンクをクリックしたときにそれらを表示します。
<a href="javascript:void(0)" id="show-more-link">Show more</a>
<div style="display:none;" id="other-attributes">(the content)</div>
<script type="text/javascript">
//use prototype for this matter
$('show-more-link').observe('click', function(){
if ($('other-attributes')).visible() { //hide
$('other-attributes').hide();
this.update('Show more');
} else {
$('other-attributes').show();
this.update('Show less');
}
return false;
});
</script>
私はそれをテストしていませんが、このようなものがうまくいくはずです。