jQuery的懸停/活動標籤按鈕

Question

首先，這裏是我的地盤我的工作：http://daysofthedead.net/los_angeles/index6.php

我想要做的是讓3個按鍵在像屏功能的底部3個按鈕朝向屏幕的頂部。當您將圖片「4月5日星期五陣容」，「4月6日星期六陣容」或「星期天7場陣容」懸停時，圖像會發生變化，當它在該選項卡上時（活動），圖像將保持打開狀態那個替代圖像。

我只是想不出一種方法來讓它工作。

任何幫助，將不勝感激。謝謝。

編輯：我得到它使用以下代碼感謝爆炸藥。

$('.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使「選擇」使用不同的圖像。