jquery - Animate absolute positioned div outwards on both sides of parent -
i have structure this: .sectors-column-right { float: right; width: 800px; height: 796px; position: relative; } .sectors-modal { background: #fff; width: 764px; height: 500px; position: absolute; top: 58px; right: 18px; z-index: 1111; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } <div class="sectors-column-right"> <div class="sectors-column"> </div> <div class="sectors-column"> </div> <div class="sectors-modal"> </div> </div> how can make .sectors-modal animate outwards (on both sides @ same time), say, on click? can css, or need javascript? remove width on .selectors-modal place left: 0 , right: 0 (or positive values if want gap) on .selectors-modal stretch it give .selectors-modal suitable transition on hover (or click jquery) change left , right values in ...