jQuery slideDown для сообщений на странице индекса? (Wordpress)

Question

Я работаю над одностраничным веб-сайтом в WordPress и хочу показать только одно сообщение на главной странице со сводкой этого сообщения.Для этого я знаю, что могу изменить the_content на the_excerpt в loop.php.Но когда я нажимаю «Продолжить чтение», я перехожу на новую страницу, и это не то, чего я хочу.Я хочу, чтобы div скользил вниз и отображал все новости на странице.

Есть ли способ сделать это?

Заранее спасибо

Answer 1

Я бы вывел и выдержку, и содержание, каждый со своим собственным тегом div.Классифицируйте их соответствующим образом и скройте содержимое div.content в своем файле CSS.Теперь поместите ссылку read more после этих двух div, а затем свяжите обработчик с read more , где вы скрываете отрывок div.excerpt и показывает содержимое div.content одним движением:

$("a.readmore").click(function () {
    $(this).prev().prev("div.excerpt").hide();
    $(this).prev("div.content").show();
    // EDIT:
    return false; // this will stop default behaviour of jumping to the top of page for instance
}

Надеюсь, это поставит вас на правильный путь.Вот мое решение: http://jsfiddle.net/FANVp/6/. Как говорит Поелинка, не самое лучшее, но оно будет работать.

Answer 2

Простое решение (не самое лучшее):

Отображение the_excerpt () в видимом div, отображение the_content () в скрытом div, при нажатии кнопки «продолжить чтение» (с использованием jquery) переключение анимации.