Muchas gracias por tu ayuda, Dany, pero verás, no me funciona. Le veo una lógica aplastante al pedazo de código que adjuntas, pero no consigo hacerlo funcionar. Te pego el código q uso, por si serías tan amable de echarle un vistazo.
En cualquier caso, muchas gracias!!
Una de las listas donde quitar y poner clases dependiendo del efecto:
Código PHP:
<ul id="list-works" class="grid-12">
<li class="pulsado work-item hover-fx-fade">
<figure><a href="#" title="SEO KEYWORDS"><img src="images/skins/global/samples/cover-dylan.jpg" alt="Album name with SEO KEWORDS" /></a></figure>
<div class="fx work-caption fx-fade">
<a class="caption-title" href="#" title="SEO KEYWORDS">Mixed up confusion</a>
<span>year 1998</span>
<span>16 tracks</span>
<span>54 min</span>
<span class="button-caption"><a href="#" title="SEO KEYWORDS">preview</a></span>
<span class="button-caption"><a href="#" title="SEO KEYWORDS">buy</a></span>
</div>
<div class="clear"></div>
</li>
....
Y aquí los botones en una lista anidada dentro de otra...quizá no esté accediendo correctamente a los objetos...puede ser??
Código PHP:
<ul class="works-filters">
<li class="all inactive active type" id="all">all albums</li>
<li class="studio inactive type" id="studio">studio albums</li>
<li class="live inactive type" id="live">live albums</li>
<li class="compilation inactive type" id="compilation">compilations</li>
<li class="fx">
<ul class="launcher">
<li class="title-child pulsador">fx</li>
<li class="first-child fade pulsador" id="op-fade"><a href="#">fade</a></li>
<li class="fade pulsador" id="op-stripes"><a href="#">stripes</a></li>
<li class="fade pulsador" id="op-slide"><a href="#">slide</a></li>
<li class="fade pulsador" id="op-partial"><a href="#">partial</a></li>
</ul>
</li>
</ul>
y a continuación el script q estoy usando basado en el que tú has adjuntado antes:
Código PHP:
var option = $(".pulsador");
var target = $(".pulsado");
var target2 = $(".fx");
$( function (){
$(option).click(function(){
$(target).removeClass('hover-fx-slide').addClass('hover-fx-fade');
$(target2).removeClass('fx-slide').addClass('fx-fade');
});
});