0

最も近いものを選択するのに苦労しています。.closest、、、.nextおよび.nextall;は既に試しました。私も(これ)を使ってみましたが、間違った使い方をしていると思います。

私が達成したいの.show.list-content次のとおりです。

<ul class="list-unstyled">
    <li class="list-menu">
        <a href="javascript:void(0);" class="show">
            Date of Operations 
            <i class="icon-chevron-down pull-right"></i>
        </a>
    </li>
    <li class="list-content">Hidden Content until Clicked</li>

    <li class="list-menu">
        <a href="javascript:void(0);" class="show">
            Date of Operations 
            <i class="icon-chevron-down pull-right"></i>
        </a>
    </li>
    <li class="list-content">Hidden Content until Clicked</li>
</ul>

<script>
    $(document).ready(function() {
        $(".list-content").hide();
            $(".show").click(function() {
                $(".icon-chevron-down").toggleClass("icon-rotate-180");
                $(".list-content").toggle();
            });
        });
</script>
4

2 に答える 2

0
  1. ul/liは間違ったケースです。2 番目liは 1 番目との関係liです。dl代わりに, ddandを使用してください。dtこれは完全に一致するわけではありませんが、ul/よりは優れていliます。

  2. aリンク用ですが、URLを呼び出さないでください。と noを必要としないので、dd自体または を使用してください。spanjavascript:void(0);e.preventDefault();

    操作日 クリックするまで隠しコンテンツ

      <dd class="list-menu show">
          Date of Operations
          <i class="icon-chevron-down pull-right"></i>
      </dd>
      <dt class="list-content">Hidden Content until Clicked</dt>
    

    $(".show").click(function(e) { $(this).closest(".icon-chevron-down").toggleClass("icon-rotate-180"); $(this).next( "dt.list-content").toggle(); });

(RoyMcCrossan の回答の一部を jQuery を使用した最も近い一致の選択からコピーしました)

申し訳ありませんが、構造が壊れています。Stackoverflow のバグのようです。

于 2013-08-12T10:54:29.073 に答える