webry https://blog.hatena.ne.jp/webry/ 実践するWEBサイト制作 | webnote https://webry.hatenadiary.org/ jQuery 授業 ☆★データーでの確認★☆タブ切り替えパネル 手順 HTML要素にタブ部分（見出し）とパネル部分（表示する中身）をul/li要素を使って別々にマークアップする。タブのul要素には「tab」、パネルのul要素には「panel」というclass名を付ける。 パネル部分は、タブが選択されたときに表示する内容をli要素で1つずつ記述していき（1タブ項目＝1つのli要素）、それぞれに「tab1」「tab2」……といった連番のid名を設定する。 タブ部分も同様に、タブの項目名を1つずつli要素で記述する。タブの項目名はa要素で包み、href属性には先ほどのパネルのid名に#を付けた値を設定する（ページ内リン… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwebry.hatenadiary.org%2Fentry%2F20130211%2Fp3" title="tabメニュー０4 - 実践するWEBサイト制作 | webnote" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/w/webry/20130119/20130119132112.png Hatena Blog https://hatena.blog 2013-02-11 00:00:00 rich https://webry.hatenadiary.org/entry/20130211/p3 1.0 100%