Използване на html в jquery expand collapse

Използвам разгъване на свиване на моя сайт, използвайки 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="/bg#">Read more..</a>
</div>

Всъщност искам да използвам таблица в скрит текст, който сега е: <p class='fulltext'>Read more text will be here.</p>

Но когато използвам таблица в пълен текст, тя спира да работи. Моля за всяко предложение.


person Sony G    schedule 18.07.2013    source източник
comment
Трябва да използвате prev() вместо parent().find('.fulltext');   -  person iConnor    schedule 18.07.2013


Отговори (2)


Променете <p class="fulltext"> на <div class="fulltext"> и трябва да работи добре. Не можете да имате други блокови елементи в рамките на <p>.

person slash197    schedule 18.07.2013

Елементът <div> е предназначен да опише контейнер с данни, докато елементът <p> е предназначен да опише параграф от съдържание. За да използвате таблица вътре, използвайте div таг.

Fiddle

person DDK    schedule 18.07.2013