0

別の質問があります。私のサイトでは、水平方向のナビゲーションを階層化しています。それはうまく機能しますが、今私はそれを変更しました。

一部の製品カテゴリには、たとえば次のものがあります。categorielevel に表示される 12 の属性ですが、5 つの属性のみを表示したい場合は、[その他のオプションを表示] をクリックする必要があります。

5 つの属性のみが表示されるように調整するブレーク ラインを作成したので、[その他のオプションを表示] のみが残ります。

4

1 に答える 1

0

<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>

私はそれをテストしていませんが、このようなものがうまくいくはずです。

于 2012-07-02T07:22:31.333 に答える