0

html5 の詳細タグと同じドロップダウン機能を実行する単純な jquery ソリューションはありますか? いくつかのプラグインを見てきましたが、それらはすべて ie でバグがあるようです。今のところjqueryでやった方がいいのではないでしょうか？

html5 の方法 (ただし、これは ie では機能しません)

<details>
  <summary>Details Summary</summary>
  <p>Pellentesque aliquet lacinia libero id sodales. Curabitur nibh velit, varius in semper ac, suscipit quis magna. Phasellus faucibus venenatis leo ut convallis. Maecenas tempus risus id nibh iaculis vehicula. Aenean vel quam lorem, et sagittis velit. Nullam a ligula lectus, at iaculis mauris. Mauris id tempus dolor. </p>
</details>

jqueryの方法？

4

1 に答える 1

1 
<details>
  <summary>Details Summary</summary>
  <p>Pellentesque aliquet lacinia libero...</p>
</details>

また

<div class="details">
  <div class="summary">Details Summary</div>
  <p>Pellentesque aliquet lacinia libero...</p>
</div>

それに応じて以下のコードを調整します

details > p{display:none;}

$('body').on('click', 'details summary',function() { $(this).find('p').toggle(); });
于 2013-10-07T21:43:21.413 に答える