tu lo sai vero che prototype.js ha un metodo apposito per associare gli eventi ad un elemento?
Codice PHP:
<p id="my_par" class="more">
testotestotestotestotestotestotestotestotesto
<a href="javascript:void(0);" class="closeLink">
close
</a>
</p>
[url="javascript:void(0);"]more...[/url]
<script type="text/javascript">
Event.observe(window, 'load', function(){
var allMore = $$('.more');
$$('.closeLink').each(function(s, index){
s.observe('click', function(){
new Effect.BlindUp (allMore[index]);
})
})
$$('.moreLink').each(function(s, index){
s.observe('click', function(){
new Effect.BlindDown (allMore[index], {
afterFinish : function(){
allMore[index].setStyle('display','block');
}
});
})
})
})
</script>
Dovrebbe andare anche se ne metti diversi nella stessa pagina, basta che metti class="more" al
che deve aprirsi e chiudersi col blind, class="closeLink" al link che deve chiudere il
, e class="moreLink" al link che deve aprirlo