1

jquery と次の html コードを使用して、自分のサイトで展開折りたたみを使用しています。

<script>
$(document).ready(function () {
    $('.fulltext').hide();

    $('.blog-item .readmore').click(function (event) {
        event.preventDefault();
        $(this).parent().find('.fulltext').slideToggle('slow');
        $(this).text($(this).text() == 'Close Deals' ? 'More Deals' : 'Close Deals');
    });
});
</script>

HTML:

<div class="blog-item">
        <p class='fulltext'>Read more text will be here.</p>
    <a class="readmore" href="#">Read more..</a>
</div>

実際には、現在の非表示のテキスト内でテーブルを使用したい:<p class='fulltext'>Read more text will be here.</p>

しかし、フルテキスト内でテーブルを使用すると、機能しなくなります。何か提案をしてください。

4

2 に答える 2

1

に変更<p class="fulltext">する<div class="fulltext">と、問題なく動作するはずです。内に他のブロック要素を持つことはできません<p>。

于 2013-07-18T11:30:05.867 に答える
0

<div>要素はデータのコンテナを記述するように設計されていますが、<p>要素はコンテンツの段落を記述するように設計されています。タグ内でテーブルを使用するには、divタグを使用します。

フィドル

于 2013-07-18T11:35:05.093 に答える