在点击时将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"});
});

问题 当我点击＆＃34; li＆＃34;两个内容div显示在＆＃34; li＆＃34;分别。我想相应地显示div，这意味着当第一个＆＃34; li＆＃34;将被点击，div将在它下面打开，当第二个＆＃34; li＆＃34;将点击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();
});