html - HTML5 名前を変更表示されたとき

Question

機能を利用してい<details></details>ます。自動的に表示される「詳細」テキストをカスタムに変更する方法はありますか?

Answer 1

<summary>要素を指定しない場合、デフォルトで「詳細」が表示されます。これを変更するには、単に使用します<summary>(コメントでデフォルトの表示を指摘してくれた Jukka K. Korpela に感謝します)。<details>十分にサポートされていないことに注意してください。タグを使用したい場合：

<details class="mydetails">
    <summary>This is the text that show</summary>
    <p>This is the text that will show when you click on the summary text</p>
</details>

ページの読み込み後にテキストを編集する場合は、jQuery のみを使用することをお勧めします。

$('.mydetails summary').html('Change the text to this');

jsfiddle を追加したので、次のようにします。

ブートストラップを使用したい場合は、それで問題ありません。この場合、 のサポートがないため、実際には優先され<details>ます。ブートストラップ css と js が含まれていること、および 404 エラーが発生していないことを確認してください。

これは、html と jQuery を示すフィドルです: http://jsfiddle.net/Dc6jF/128/