jquery - jQuery 悬停/活动标签按钮

Question

首先，这是我正在开发的网站：http: //daysofthedead.net/los_angeles/index6.php

我想做的是使屏幕底部的 3 个按钮像屏幕顶部的 3 个按钮一样工作。

当您将鼠标悬停在图像“4 月 5 日星期五阵容”、“4 月 6 日星期六阵容”或“4 月 7 日星期日阵容”上时，图像会发生变化，而当它位于该选项卡（活动）上时，图像会保留在该备用图像上。

我只是想不出办法让它工作。

任何帮助，将不胜感激。谢谢你。

编辑：感谢 Explosion Pills，我使用以下代码让它工作。

    $('.panelbuttons .day-1-link').addClass('selected');

    $('.day-1-link').on('click', function () {
         $('[class^=day-]').removeClass('selected');
         $('.panelbuttons .day-1-link').addClass('selected');
    });
    $('.day-2-link').on('click', function () {
         $('[class^=day-]').removeClass('selected');
         $('.panelbuttons .day-2-link').addClass('selected');
    });
    $('.day-3-link').on('click', function () {
       $('[class^=day-]').removeClass('selected');
       $('.panelbuttons .day-3-link').addClass('selected');
    });​

Answer 1

一个非常简单的方法是：

$('[class^=day-]').on('click', function () {
   $('[class^=day-]').removeClass('selected');
   $(this).addClass('selected');
});

然后更新您的 css，以便“选定”使用不同的图像。