al final logré solucionarlo gracias a vosotros!
os pongo como dejé el codigo:
Código:
$(".down").click(function() {
var top=$(this).siblings(".interior").css("top");
top=parseInt(top);
if (top>-119){
var dtop=$(this).siblings(".interior").css("top");
dtop=parseInt(dtop);
dtop=dtop-89;
top=dtop;
dtop=String(dtop);
dtop=dtop+"px";
$(this).siblings(".interior").animate({'top':dtop},"slow");
}
});
$(".up").click(function() {
var top=$(this).siblings(".interior").css("top");
top=parseInt(top);
if (top<59){
var dtop=$(this).siblings(".interior").css("top");
dtop=parseInt(dtop);
dtop=dtop+89;
top=dtop;
dtop=String(dtop);
dtop=dtop+"px";
$(this).siblings(".interior").animate({'top':dtop},"slow");
}
});
Ahora ahí dentro puedo llamar por php a las ultimas noticias. y para que el interior dé la sensacion de desplazarse hacia arriba jugué con el z-index de los elementos que intervenian i con un overflow:hidden del div principal de la caja.
Gràcias!