リンクをクリックしてタブ付きライトボックスを表示できるように、「tabify」プラグインと組み合わせて fancybox プラグインを使用しています。そこに問題はありませんが、特定のタブでアクティブ状態をアクティブにし、他のタブからアクティブ状態を削除するリンクをクリックできるようにしたいと考えています。
ここにjqueryがあります:
$("a.timesheet-active").click(function() {
if ($('li').hasClass('active')) {
$('li.active').addClass('inactive').removeClass('active');
}
if ($('li').hasClass('inactive')) {
$('li.inactive').removeClass('inactive').addClass('active');
}
});
<ul id="menu">
<li class="active"><a id="aa-pp" href="#reserve-pp"></a></li>
<li class="inactive"><a id="aa-ts" href="#reserve-timesheets"></a></li>
</ul>
ここでの目標は、a.timesheet-active がクリックされ、li.active が li.inactive に変わり、li.inactive が li.active に変わるときです。
どんな助けでも大歓迎です!