Mettre en forme une div au survol de la souris

Bonjour, je voudrais mettre un style au survol de la souris sur une div sachant que j'en ai 6, donc 1 à la fois.

Chez moi le style s'appliquent à tous les divs en même temps.

Voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
(function($) {
 
	var columns = $(".columns");
	var prestationIcon = $(".prestation_icon");
	var title = $("h3");
	var prestationText = $(".prestation_text");
	var prestationButton = $(".prestation_button");
 
	columns.hover(function() {
 
		columns.css("background-color","#01546b");
		prestationIcon.css({"background-color":"#0ac6fc","color":"#fff"});
		title.css("color","#fff");
		prestationText.css("color","#fff");
		prestationButton.css({"background-color":"#0ac6fc","color":"#fff"});
},
function() {
 
		columns.css("background-color","#fff");
		prestationIcon.css({"background-color":"#01546b","color":"#fff"});
		title.css("color","#000");
		prestationText.css("color","#000");
		prestationButton.css({"background-color":"#fff","color":"#000"});
});
 
})(jQuery);

Besoin d'aide, merci d'avance.