Simplemente duplica la funcion de esta manera:
Código Javascript
:
Ver original$('div#areas #programacion').mouseover(function(){
$('#contenidos li').not('.prog').css({"opacity":"0.2"});
})
.mouseout (function(){
$('#contenidos li').css({"opacity":"1"});
})
$('div#areas #sistemas').mouseover(function(){
$('#contenidos li').not('.sist').css({"opacity":"0.2"});
})
.mouseout (function(){
$('#contenidos li').css({"opacity":"1"});
})
$('div#areas #dweb').mouseover(function(){
$('#contenidos li').not('.web').css({"opacity":"0.2"});
})
.mouseout (function(){
$('#contenidos li').css({"opacity":"1"});
})
$('div#areas #software').mouseover(function(){
$('#contenidos li').not('.soft').css({"opacity":"0.2"});
})
.mouseout (function(){
$('#contenidos li').css({"opacity":"1"});
})
Ver Muestra