Question

Is it possible to amend .show() command in jQuery (http://api.jquery.com/show/) so that instead of showing the div in its original position, the div appears at the bottom of a list of divs ?

Answer 1

Yes – check the demo http://jsfiddle.net/PqLXF/

Here is the code –

HTML

<div class="mainDiv">

<div>One</div>
<div class="showthisdiv">Two</div>
<div>Three</div>
<div>Four</div>

</div>

CSS

.showthisdiv{
    display: none;
}

jQuery

$('.showthisdiv').show().insertAfter('.mainDiv div:last');