Modifier la valeur dans div quand vous cliquez sur le bouton avec jquery?

Question

Salut J'ai un div que je veux changer certaines valeurs, lorsque je clique sur un bouton.

Si je clique sur

<button id="image320x150">320 x 150</button> 

alors je veux changer la largeur à 100 et la valeur de hauteur à 200 dans la div.

et si je clique sur:

<button id="image320x200">320 x 200</button> 

alors je veux changer la largeur à 50 et la valeur de la hauteur à 100 dans la div.

<div style="width:200px;height:287.5px;overflow:hidden;"> 

Et je veux que la div ait les valeurs d'origine au début. Merci beaucoup!

Answer 1

<script> 
    $("#something").click(function() { 
    $(#something2).css("width","100"); 
    }); 
</script> 

http://api.jquery.com/css/

Answer 2

quelque chose comme:

$('#try-me').click(function() { 
    $('#aDiv').css({width: '30px', height: '20px'}) 
}) 

exemple: http://jsfiddle.net/UDvPR/

Answer 3

Je ne pas vraiment eu la logique mais peu importe.

<script type="text/javascript"> 
var sizes = [{width:100,height:200},{width:50,height:100}]; 
function setSize(i){ $("#target").css(sizes[i]); } 
</script> 
<button id="image320x150" onclick="setSize(0);">320 x 150</button> 
<button id="image320x200" onclick="setSize(1);">320 x 200</button> 
<div id="target" style="width:200px;height:287.5px;overflow:hidden;"></div> 

Answer 4

Jquery(document).ready(function() { 

    jquery('#image320x150').click(function(){ 
     jquery('#div_id').css("width","100"); 
     jquery('#div_id').css("height","200"); 

     }); 

    jquery('#image320x200').click(function() { 
     jquery('#div_id').css("width","50"); 
     jquery('#div_id').css("height","100"); 

     }); 
});