javascript - 单击时显示两个对象

Question

嗨，我遇到一个问题，当我想显示一篇文章时，它会同时打开！

<span class='pres'><img src='http://files.appcheck.se/icons/minecraft.png' /></span><span class='info'><a href='/minecraft' class='title'/><strong>Minecraft</strong></a><span id='cat'>Spel</span><br />Minecraft, ett spel där många lever sig in i dess stora och häpnandsväckande värld. 
Det är en gigantisk värld uppbyggd av fyrkan<span class='readmore 14'><a href='javascript:void(0)'>Läs mer</a></span><span class='more 14'>tiga block som du hugga/hacka/gräva bort och bygga fantastiska hus och monement med, men se upp så att nått monster hoppar på dig.</span><div class='clear'></div></div>
</div>
<script>
$(".readmore a").click(function () {
$(this).remove();
$(".more").show(this);
});
</script>

当单击其中一个 readmore 链接时，页面上的每个 .more 都会显示

帮助？

Answer 1

尝试以下

$('.readmore a').click(function() {
    $(this).parent().next().show();
});

演示

或者toggle如果您想在再次单击时隐藏，请使用。

$('.readmore a').click(function() {
    $(this).parent().next().toggle();
});

演示

更新：点击后删除链接

$('.readmore a').click(function() {
    var $link = $(this);
    $link.parent().next().toggle();
    $link.remove();
});

演示