Добавить div в уважение li по клику

Question

Я хочу показать и добавить div, щелкнув неупорядоченный список, который невидимый изначально.

HTML код

<ul> 
    <li><a href="#">Link1</a></li> 
    <li><a href="#">Link2</a></li> 
</ul> 
<div class="content" style="display:none;"> 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</div> 

JQuery код

$("ul li").click(function(){ 
    $(".content").appendTo("ul > li").css({"display":"block"}); 
}); 

Проблема Когда я нажав на "Ли" два содержания DIV показывают под "ли" соответственно. Я хочу показать div соответственно, что означает, что когда будет нажата первая «ли», div откроется под ней, и когда будет нажата вторая «ли», div откроется.

Answer 1

Если вы хотите, чтобы текст прилагается к соответствующим li, который кликнул, используйте .appendTo(this):

Example Here

$("ul li").on('click', function() { 
    $(".content").appendTo(this).css({ 
     "display": "block" 
    }); 
}); 

Вместо установки display к block, вы можете поменять места, что за метод .show() :

Updated Example

$("ul li").on('click', function() { 
    $(".content").appendTo(this).show(); 
});