jQuery切換面板，背景更改

我有一個帶有兩個按鈕「登錄」和「註冊」的醒目頁面。到目前爲止我所獲得的代碼是： 1.單擊按鈕時展開登錄和註冊表單（div）。 2.隱藏另一個表單（如果它已經可見）（一次只有一個表單可見，每次只有一個按鍵處於「按下狀態」）。 3.按下時更改按鈕背景，並且相應的面板可見。jQuery切換面板，背景更改

這是迄今爲止代碼：

$(function() { 
       $('#login').click(function() { 
        $('.login').slideToggle('fast'); 
        $('.register:visible').slideToggle('fast'); 
        $("#register").css("background", "rgba(255,0,0,0.8)"); 
        $("#login").css("background", "rgba(255,0,0,0.6)"); 
        return false; 
       }); 
       $('#register').click(function() { 
        $('.register').slideToggle('fast'); 
        $('.login:visible').slideToggle('fast'); 
        $("#login").css("background", "rgba(255,0,0,0.8)"); 
        $("#register").css("background", "rgba(255,0,0,0.6)"); 
        return false; 
       }); 
      });

與上面的代碼的問題是，當我躲在兩個面板，一個按鈕保持一個「按下狀態」 RGBA（255,0,0 ，0.6）..另外我想添加一個懸停效果，當按鈕被解除壓縮時，我怎麼能這樣做呢？

非常感謝你提前，我是用jQuery新手，我掙扎..

來源

2013-04-24 Adrian M.

首先，我建議你添加和刪除CSS類，而不是直接更改CSS屬性 - 它可能會放晴一些bug，不知道雖然：$('#register').addClass('btnClicked');

您可以添加懸浮效果，像這樣：

$('#login, #register').hover(function() { 
    $(this).addClass('btnHover'); 
}, function() { 
    $(this).removeClass('btnHover'); 
}

，如果你想保持你的風格，只是把徘徊的CSS代碼中的第一個功能，在秒內恢復正常ond函數。

來源

2013-04-24 15:49:16

jQuery切換面板，背景更改

回答

相關問題