DIVを選択すると一部のDIVを僅かに大きくする？

画像のようにDIVで要素を構成しているとします。

DIV（B）の中にあるDIV（C)～（G）の要素に触れた場合、DIV（A)が僅かに大きくなるようにしたいのですが、jQueryとかでどのようなメソッドを使ったりすればいいでしょうか？

No.2 回答者： b0a0a 回答日時： 2012/11/28 22:57

ボーダーのスタイルを変えればいいと思います

No.1 ベストアンサー 回答者： fujillin 回答日時： 2012/11/28 20:11

要素のサイズを変更するだけなら、CSSの値を変えればすむでしょう。

　　element.css("width", ○○);　とか

ある要素のサイズを変更すると、もともとの配置（styleシート）の指定によっては全体のレイアウトが変わってしまう可能性がありますので、変更した際の状態も考慮したCSSを作成しておく必要がありそうです。
例えばabsoluteで配置しておくとか、サイズを大きくしたら同時に隙間（余白）部分を縮めるなど。