Salve a tutti ragazzi e veterani di Html.it, sono nuovo registrato ma un'assiduo sostenitore e visitatore della community , mi chiamo Giovanni.

Sono qui ora per chiedervi un aiuto in un problema nella quale mi sono imbattuto, in pratica dovrei realizzare uno script dove da "Pulsante" o "campo input" dovrebbe far ridimensionare un div o immagine a mio piacere, quindi se da pulsante deve avere una dimensione da me predefinita se da campo input deve essere a piacere dell'utente ma ovviamente con un limite margine (es. 30 ~ 46 ).

Fino ad ora ho provato cosi, sbirciando soluzioni dal sito ufficiale jquery:

Script:
codice:
<script>
$(document).ready(function() {
$('#clickme').click(function() {
  $('#piede').animate({
    height: '+:50px'
  }, 5000);
});
});
</script>
Html:
codice:
<div id="clickme" style="cursor:pointer;">
  Click here
</div>
<div id="piede" style="position:relative; height:800px; width:450px;">
[img]Personal Ultra Avanzato 1 Files/img/piede.png[/img]
  </div>
Chiaramente questo è solo un'esempio, ho inserito come esempio "piede" perchè una volta capito il sistema dovrò realizzare la pagina vera e propria, e avendo iniziato a studiare jquery solo da qualche giorno sto avendo i soliti problemi da principiante e quindi... lo script non funziona.

Ps. Premetto che: Ho già provato a sostituire gli apici "#piede" con '#piede', ovviamente sottointendo che nella pagina sono già associati gli script jquery180.min.js e compagnia bella.

Ora vado di pietà: Per favoreee aiutatemiiiii