Arrastar, ocultar y expandible div

[ceaped]

Hola peperafa
No me funciona. Mira lo que tengo.

Contenedor de las fichas que se arrastrarán:

Código HTML:

<div id="mainContainer">
    <div id="piezas">    
    <div id="dropContent">
    <div class="dragableBox" id="box1"><img src="images/pieza_13.png" alt="Título"></div>
    <div class="dragableBox" id="box2"><img src="images/pieza_18.png" alt="Título"></div>
    <div class="dragableBox" id="box3"><img src="images/pieza_10.png" alt="Título"></div>
</div>
</div>
 

El código que tu me pasas:

Código Javascript:

<script type="text/javascript">
function scrollWin() {
$('html').animate/*scroll que se movera en tu caso a lo mejor es html,body*/({
scrollTop: $(".dragableBox").offset().top/*Donde se movera*/
// scrollTop: 0 para mover hasta arriba
}, 2000/*tiempo que se movera en ml*/);
}
</script>
 

Gracias por tu ayuda