javascript - jqueryで.show（）コマンドを使用して要素の位置を設定します

Question

jQuery（http://api.jquery.com/show/）の.show（）コマンドを修正して、divを元の位置に表示する代わりに、divがdivのリストの下部に表示されるようにすることはできますか？

score 2 · Accepted Answer

はい-デモを確認してくださいhttp://jsfiddle.net/PqLXF/

これがコードです-

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');

score 0 · Accepted Answer

さらに多くのことができます：

$('#your_element').show('slow', function() {
    $('#your_element').css(USE CSS TO POSITION YOUR DIV ELEMENT);
  });

または、@DipakSuryavanshiが提案したように

$('#your_element').show('slow', function() {
    $('#your_element').insertAfter('.mainDiv div:last');
  });

このソリューションの威力は、要素を使って何でもできることです（関数にコードを追加するだけです）。

2 に答える 2