0

テキストを表示するために次のように記述します。詳細リンクをクリックすると、残りの段落が表示されます。すでに試しましたが、なぜ機能しないのかわかりません。

これは私の次のコードです

    <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>

もっとリンクをクリックすると、出力を次のように表示する必要があります

エッセイであろうとストーリーであろうと、書かれた作品はアイデアやコンセプトに関するものです。エッセイはそれを説明しています。ストーリーがそれを物語っています。さらに...すべては読者を楽しませるためです。すべてのパラグラフは互いに支え合い、読者を最初のアイデアから、書かれた作品の最終的な解決へと導きます。

4

2 に答える 2

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

リンクがまだロードされていない場合、リンククリックイベントにバインドすることはできません。したがって、そのコードをdocument.readyブロックに入れて、すべてがロードされた後に実行されるようにします。

また、スクリプトタイプはtype="text/javascript"

于 2012-07-06T17:19:00.417 に答える
0 
<script>

        $('a').on('click',function () {
            alert("123");
            $(this).siblings().show()
        });
    </script>
于 2012-07-06T17:22:46.027 に答える