html - 拡張可能なテキストの簡素化 HTML

Question

誰かがテキストを受け取るHTMLのサンプルコードを教えてください。

 <h1>the text here in h1 tags</h1> 

最初のテキストボックスのコードと同様に、クリックでアクティブ化されるテキスト展開と折りたたみ r に変換します: http://jdstiles.com/java/expandcollapsesections.html

Answer 1

<h1>text</h1>ヘッダーの横に表示される「展開/折りたたみ」という単語ではなく、テキストが展開/折りたたみボタンになるように、このコードを変更するにはどうすればよいですか?

あなたはしません。代わりに (CSS のみのハックを行っていないと仮定すると)、クライアント側の JS 関数を定義して関連領域を非表示/表示し、それを H1 タグの適切なイベントに添付します。

使用する正確な方法は、目的によって異なります。しかし、CSS ルールの追加/削除または直接プロパティによるこのような DOM 操作は、ブラウザーで JavaScript を使用する最大の理由です。他人のコードをコピーして自分の Web サイトに貼り付けることができない場合は、絶対に行わないでください。フレームワークを使用するか、これを学習の機会として使用してください。