Changer la dimension DIV avec jQuery

Question

J'ai la div suivante dans mon balisage

<div id="sectionContent" style="position: absolute; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; z-index: 1; top: 56px; bottom: 6px; left: 8px; right: 8px; width: 722px; height: 624px; visibility: visible; display: block;"> 
    <div id="actionArea" style="text-align: left; margin-bottom: 2px;"> 
     <button id="addNote"><span class="ui-button-text">Aggiungi Nota</span></button> 
    </div> 
    <!-- Contains all the notes and limits their movement --> 
    <div style="margin: 0 auto; position:relative; width:100%; height: 100%; z-index: 10;"> 
    </div> 
</div> 

La DIV externe, « sectionContent », ont la taille définie automatiquement lors de l'exécution par un plugin jquery qui fournissent à sa disposition sur la page . A l'intérieur, j'ai le premier DIV avec un bouton ("actionArea") et le div avec id = "notesDesktop".

Je voudrais installer une taille pour la « notesDesktop » DIV qui est

• largeur égale à la « sectionContent » DIV
• hauteur est égale à la DIV « sectionContent » moins la hauteur de la " actionArea "DIV

Comment puis-je faire cela avec jQuery?

merci beaucoup pour aider

Answer 1

Cela devrait faire l'affaire:

$("#notesDesktop").width($("#sectionContent").width()); 
$("#notesDesktop").height($("#sectionContent").height() - $("#actionArea").height());