id js的位置？

Question

如何制作，按＆＃34; a＆＃34;在＆＃34; div＆＃34;开场时间应在＆＃34; div＆＃34;。

之间

按下＆＃34; id 2＆＃34;，窗口显示在＆＃34; id 1＆＃34;和＆＃34; id 3＆＃34;。按下＆＃34; id 3＆＃34;，显示在＆＃34; id 2＆＃34;之间的窗口。和＆＃34; id 4＆＃34;。

＆＃13;

＆＃13;

 $('#add').hide();
 
 $('#open_add').click(function() {
        $('#add').show(); 
        $('#3').hide();
     });
     
 $('#close_add').click(function() {
        $('#add').hide();    
        $('#3').show();
     });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<div id="add">
<a href="#" id="close_add">Close add</a>
</div>

<div id="1">
  <p>First</p>
</div>

<div id="2">
  <p>Second</p>
</div>

<div id="3">
  <a href="#" id="open_add">Open add</a>
</div>

<div id="4">
  <p>Fourth</p>
</div>

<div id="5">
  <p>Fifth</p>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

尝试插入div，例如：

$(document).ready(function( ){
$('div p').click(function() {
$('#add').remove().insertAfter($(this).parent()).show();
})
})
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="add" style="display:none;">
<a href="#" id="close_add">Close add</a>
</div>
<div id="open_add" style="display:none;">
<a href="#" id="open_add">Open add</a>
</div>

<div id="1">
  <p>First</p>
</div>

<div id="2">
  <p>Second</p>
</div>

<div id="3">
  <p>Third</p>
</div>

<div id="4">
  <p>Fourth</p>
</div>

<div id="5">
  <p>Fifth</p>
</div>