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()
添加这些css属性manually
• 使用.addClass()
添加css类

示例

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