Como mover div con jquery

publicado por: Anonymous

Tengo este boton:

<button onclick="$('#settings, #instructions').toggle(); return false;" class="btn btn-info btn-settings" id="settings-btn"><i class="glyphicon glyphicon-cog"></i></button>

y un div #yt

y quiero lograr con jquery que al apretar el boton el div yt baje unos 10% en css pero no puedo lograrlo , alguien me enseñaria y explicaria para aprender? , gracias

solución

_x000D_

_x000D_

var porcentaje=10;_x000D_
_x000D_
_x000D_
$('#settings-btn').click(function(){ _x000D_
porcentaje+=10;_x000D_
  $("#yt").css("margin-top", porcentaje+"%"); _x000D_
}); 

_x000D_

#yt{_x000D_
  width: 200px;_x000D_
  height: 200px;_x000D_
  background:red;_x000D_
}

_x000D_

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>_x000D_
<div id="yt"></div>_x000D_
_x000D_
_x000D_
<button onclick="$('#settings, #instructions').toggle(); return false;" class="btn btn-info btn-settings" id="settings-btn"><i class="glyphicon glyphicon-cog"></i>insertar</button>

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *