Question

I have a Div with position:relative which contains “one or more” images inside it with postion:absolute with some top and left values. I need to toggle the position attribute of ALL THE IMAGES at a time between Absolute and Auto/Relative with a button using JS or JQuery.
Is there any way to work with all these child IMAGES at a time?

Answer 1

try the following:

html

<div class="wrapper">
    <img src="http://dummyimage.com/15x15/000/fff" class='absPosition'>
</div>
<input type="button" value="change position">

css

.wrapper {
    height:300px;
    position:relative;
}
.absPosition {
    position:absolute;
    bottom:0;
}

jQuery

$(":button").click(function() {
    $("img").toggleClass("absPosition")
});

Demo: http://jsfiddle.net/ZRDdB/