Переключить на частичный текст

Question

Переключить на частичный текст

0

Дорогие друзья StackOverflow, я бы хотел применить эффект Js, который я нашел на этом сайте
goo.gl/F89yQX
чтобы показать полный текст после нажатия "Читать дальше" и уменьшить текст после нажатия "Скрыть текст".

Я нашел много похожих вопросов в StackOverflow и Google, и в частности этот пример jsfiddle.net/8SXNZ/1/

$('.term-description').on('click', function () {
$(this).toggleClass('open'); });

но я не могу изменить его в моих потребностях: я должен использовать его на сайте Wordpress, и я предпочитаю использовать щелчок по строке "Показать/скрыть текст", точно так же, как на первом связанном мной веб-сайте.

Вот моя последняя попытка http://jsfiddle.net/leonardinha/hybvR/4/

$(document).ready(function() {
$(".more_custom").click(function() {
    $(".term-description").slideToggle(function() {
        if ($(this).is(":visible")) {
            $(".more_custom").text("Extend >>");
        }
        else {
            $(".more_custom").text("Reduce >>");
        }
    });
}); });

но проблема, которую я не могу решить, заключается в том, что полный текст так и не появился. Спасибо за ваше время!

Elena 23 май 2014, в 08:52

Источник

Теги:

jquery

toggle

1 ответ

Ещё вопросы

Andy · Answer 1 · 2014-05-28T13-30-00.000Z

Я вытаскиваю ваш ответ из вопроса и размещаю его здесь для будущих пользователей:

<script type="text/javascript"
src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.4.min.js">
</script>
<script type="text/javascript"
src="http://plugins.learningjquery.com/expander/jquery.expander.js">
</script>
<script type="text/javascript">
    $(function () {
        $('div.readmore').expander({
            slicePoint: 200,
            expandText: 'Click Here to Read More',
            userCollapseText: 'Hide Text'
        });
    });
</script>

Это было найдено на devcurry.com