Se fossero 100, sarebbe il caso di usare una classe ed il metodo next():
codice:
<hr />
1:-->
<div style="display:none" class="box">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed porta,
neque pulvinar placerat suscipit, erat mi commodo enim, non placerat
neque nisi eu purus. Nam nisl. Nullam in ipsum quis odio euismod
tincidunt. Nunc in tellus vitae lacus sodales volutpat.
</div>
<hr />
2:-->
<div style="display:none" class="box">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed porta,
neque pulvinar placerat suscipit, erat mi commodo enim, non placerat
neque nisi eu purus. Nam nisl. Nullam in ipsum quis odio euismod
tincidunt. Nunc in tellus vitae lacus sodales volutpat.
</div>
<hr />
codice:
$(function(){
$('.ico').toggle(
function(){
$(this).next().slideDown(600);
$(this).attr("src","http://cdn2.iconfinder.com/data/icons/fugue/icon/toggle.png");
},
function(){
$(this).next().slideUp(800);
$(this).attr("src", "http://cdn4.iconfinder.com/data/icons/fugue/icon/toggle-expand.png");
});
});
Meglio l'id sia per motivi (relativi) di performances che per come era strutturato:
class="box_1", class="box_2", class="box_3" ??
Quelli sono id non sono classi...