Jquery cliquez sur l'effet de la fonction

Question

J'ai un code jquery, mais je suis un peu confus sur comment puis-je mettre un css sur ce point:

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

Je voulais ajouter cette css dans la fonction de clic.

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

Ce style, je voulais effectuer uniquement dans 'span.account-menu' et n'affectant pas ul.menu. J'essaye le code que vous avez donné mais le problème est quand je clique sur le menu le style ne disparaîtra pas.

Answer 1

Vous pouvez

• ajouter les attributs manually en utilisant css .css()
• ajouter une classe CSS en utilisant .addClass()

Exemple

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

Answer 2

Utilisation de la méthode .css().

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

Answer 3

Il suffit de faire quelque chose comme:

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