jQuery的點擊功能效果

Question

我有一個jQuery代碼，但我對我怎麼可以把CSS對這個有點困惑：

 
$(document).ready(function() { 
    $('span.account-menu').click(function() { 
    $('ul.menu').slideToggle('medium'); 
    }); 
}); 

我想在點擊功能添加這個CSS。

 
border: 1px solid #999999; 
background-color: #333333; 

這種風格，我只想在'span.account-menu'中起作用而不影響ul.menu。我嘗試你給出的代碼，但問題是當我點擊菜單時，樣式不會消失。

Answer 1

您可以

• 添加這些屬性的CSS由manually使用.css()
• 添加css類通過使用.addClass()

例

$(document).ready(function() { 
    $('span.account-menu').click(function() { 
     $('ul.menu').slideToggle('medium', function(){ 
     $(this).css({ 
      border:   '1px solid #999999', 
      backgroundColor: '#333333' 
     }); 
     }); 
    }); 
}); 

Answer 2

使用.css()方法。

http://api.jquery.com/css/

Answer 3

就做這樣的事情：

$('ul.menu').slideToggle('medium').css({'border': '1px solid #999999', 
             'background-color': '#333333'});