質問: 現在、ペライチのwebサイトを構築しています。 その中にタブ切り替えを行うセクションがあり、そこをフッターからの要素にも対応したかったのですが、どう弄っていいか分かりません。 フッターのリンクをクリックするとスムーズスクロールが発生しタブが押した要素に対応したものに切り替わるようにしたいです。 HTML・jqueryはこうなっております。見やすくするため、インデントはbodyを考慮していません。 ``` 見出しテキスト サンプルA サンプルA サンプルテキスト、上記のpaper-raiseの付与されたaタグをクリックするとこの文章がfadeInによって表示されます。この部分をfotterからのクリックに対応したいです。 詳細 サンプルB サンプルB サンプルテキスト、上記のpaper-raiseの付与されたaタグをクリックするとこの文章がfadeInによって表示されます。この部分をfotterからのクリックに対応したいです。 詳細 サンプルC サンプルC サンプルテキスト、上記のpaper-raiseの付与されたaタグをクリックするとこの文章がfadeInによって表示されます。この部分をfotterからのクリックに対応したいです。 詳細 フッタータイトル サンプルA サンプルB サンプルC ``` 参考にさせていただいたサイトはこちらです。 恐らくタブの要素とfooterのリストにそれぞれIDを振りswith構文などで「サンプルAが押された、サンプルAにbtnAcvを付与」といった形でそれぞれ処理するのではと考えたのですがどこに記述すればいいか分からず挫折してしまいました。 どんな処理をすればいいか教えて頂けると幸いです。 よろしくお願いします。
回答: 特にどれかを指しているわけではないようなので、インデックスで。 ``` $('footer a').on('click', function(event) { btnElm.eq($('footer a').index(this)).trigger('click'); }); ```