0

HTMLエンティティと#9660を切り替えるにはどうすればよいですか。(下向きの三角形) & #9664 ; h2 で囲まれたコンテンツの横 (右にフロートされたスパン要素内) に、jQuery Collapse スクリプト: https://github.com/danielstocks/jQuery-Collapse ?

4

1 に答える 1

1

折りたたみ可能な要素ごとに定義できる開閉関数に JavaScript を追加する必要があります。ダウンロード ファイルの次のデモを次のように変更しました。

HTML (矢印付きのスパンで追加):

<div class="col c2">
  <!-- BEGIN Custom open and close -->
  <h2>Custom show &amp; hide</h2>
  <div id="custom-show-hide-example">
    <h3><span>&#9660;</span>Hello</h3>
    <div>
      <p>Hello Sir.</p>
      <p>I'm sliding</p>
    </div>
    <h3><span>&#9660;</span>Anarachy in the UK</h3>
    <div>I like tea</div>
    <h3><span>&#9660;</span>Indeed</h3>
    <div>This is some information</div>
  </div>

Javascript (.html()影響を受けるスパンの html を変更する機能を追加):

    new jQueryCollapse($("#custom-show-hide-example"), {
      open: function() {
        this.slideDown(150);
        $('#custom-show-hide-example h3 span').html('&#9664;'); /*my added line*/
      },
      close: function() {
        this.slideUp(150);
        $('#custom-show-hide-example h3 span').html('&#9660;'); /*my added line*/
      }
    });
于 2012-12-31T23:38:09.483 に答える