Ma następujący skrypt (oto jego kwałek):
Kod
function $E(tag,el){return $(el||document).getElement(tag)}
window.addEvents({
domready:function(){
$extend(kina,{bg:$E('img',$E('#bg',db=$(document.body))),timer:(Browser.Engine.gecko||Browser.Engine.webkit)?null:setInterval(kina.fix,200),menu:$('menu')});
gal.call(gal);
if($$('div')[0]){var hs=$$('h2'),fx=hs.map(function(el){return new Fx.Morph(el,{wait:false})});
new Accordion(hs,hs.getNext(),{opacity:false,onActive:function(head,box){if($chk(this.active))fx[this.active].start({'color':'#000','backgroundColor':'#fff'});
fx[this.active=this.togglers.indexOf(head)].start({'color':'#fff','backgroundColor':'#000'})}})}
window.addEvents({
domready:function(){
$extend(kina,{bg:$E('img',$E('#bg',db=$(document.body))),timer:(Browser.Engine.gecko||Browser.Engine.webkit)?null:setInterval(kina.fix,200),menu:$('menu')});
gal.call(gal);
if($$('div')[0]){var hs=$$('h2'),fx=hs.map(function(el){return new Fx.Morph(el,{wait:false})});
new Accordion(hs,hs.getNext(),{opacity:false,onActive:function(head,box){if($chk(this.active))fx[this.active].start({'color':'#000','backgroundColor':'#fff'});
fx[this.active=this.togglers.indexOf(head)].start({'color':'#fff','backgroundColor':'#000'})}})}
Mój problem polega na tym, by efekt był wykonywany nie na <h1> i <p> będących w <div>, lecz tylk o w <div class="costam">.
Próbowałem to rozgryźć samodzielnie, ale brak elementarnej wiedzy z zakresu JS daje się we znaki

Będę wdzieczny za wszelką pomoc, pozdrawiam!