Question

我写下面的内容，为了显示文字，当我点击更多链接时，它必须显示剩余的段落.i已经尝试过，但我不知道为什么它不起作用，可以帮助解决这个问题。< / p>

这是我的以下代码

    <style>
    p span {
        display:none;
    }

</style>

<script type="javascript">
$('a').click(function() {
    $(this).next().show();
    return false;
});

</script>


<table cellpadding:0px;cellspacing:0px;border=0px; width="100%">
<tr>
<td style="width:20%"><a><button class="choosesub_but comingsoon"> list</button></a></td>

<td style="width:47%;"><p style="font:13px verdana;">A written work—be it an essay or a story—is about an idea or concept. An essay explains it; a story narrates it.<a href="#" style="text-decoration:underline;">More...</a>
<span>all to entertain the reader. All paragraphs support each other, leading the reader from the first idea to the final resolution of the written piece of work.</span></p>
</td>
<td style="width:30%;"><ul class="choosesub_ul"><li><a href="#">Community event</a></li></ul></td>
</tr>
</table>

当我点击更多链接时，它必须将输出显示为

书面作品 - 无论是文章还是故事 - 都是关于一个想法或概念。一篇文章解释了它;一个故事讲述它。更多......所有这些都是为了娱乐读者。所有段落相互支持，引导读者从第一个想法到书面作品的最终解决方案。

Answer 1

<script type="text/javascript">
$(function() {
    $('a').click(function() {
        $(this).next().show();
        return false;
    });
});
</script>

如果链接尚未加载，则无法绑定到链接点击事件。所以我们将代码放在document.ready块中，以便在所有内容都加载后执行。

此外，脚本类型应为type="text/javascript"

Answer 2

<script>

        $('a').on('click',function () {
            alert("123");
            $(this).siblings().show()
        });
    </script>

单击更多按钮时放置文本

2 个答案: