HTMLで表題divをクリックで、詳細divを表示

 詳細説明が長いので、非表示をデフォルトとして、タイトルをクリック(タップ)すると詳細が表示される短い javascript 
  1. <div onclick="this.nextElementSibling.style.display='inline';">タイトル</div>  
  2. <div style="display:none;">  
  3.         隠し表示コンテンツ  
  4. </div>  
nextElementSibling で次のエレメントを取得して display を inline へ変更している

コメント