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'});