0

http://jsfiddle.net/EUFrH/

リストから「サブライン」行を非表示にしようとしています。「サブ」行をクリックすると、他の行が押し下げられて「サブライン」liが表示されます。

JsやJqueryを使用せずにそれを行う方法を探しているだけです

前もって感謝します！

4

1 に答える 1

0

<input type="checkbox">またはを使用してこれを作成してみることができ<input type="radio">ます。この手法については、たとえば、http：//www.inserthtml.com/2012/04/css-click-states/で説明されています。

残念ながら、現在のマークアップではそれを行う方法はないようです。次のようにHTMLを変更することができます。

<li class="sub">
  <label for="subline-enabler">
    ... content omitted ...
  </label>
  <input type="checkbox" id="subline-enabler" />
  <ul class="subline">
    <li>
      ... content omitted ...
    </li>
  </ul>
</li>

デモはこちら： http： //jsfiddle.net/EUFrH/3/

于 2012-08-29T13:01:43.723 に答える