Member 13863747 Ответов: 1

Как создать кнопку read more

У меня есть этот код ниже, это вкладка, состоящая из объектов из многомерного массива проблема в том, что я пытаюсь добавить кнопку show more на каждый мой абзац, но я не могу найти ничего онлайн, что работает для меня. Любая помощь будет очень признательна!

Что я уже пробовал:

Вот моя скрипка[^]

1 Ответов

Рейтинг:
10

User 7429338

В вашем коде есть две ошибки:

- $content не правильно ссылается
- Ты не связываешься jquery-ui.js, который необходим для switchClass

Попробовать это: JSFiddle[^]

Member 13863747

Это сработало отлично но могу ли я спросить потому что я получаю этот пример кнопки из стека так что я не уверен как этот парень установил количество слов которые он хочет показать

[no name]

Количество слов не задается напрямую. В свернутом состоянии, Р Класс hideContent, который имеет высоту 2em (= две линии). В расширенном случае p имеет класс showContent который имеет высоту auto (= столько, сколько необходимо для размещения текста).

Member 13863747

о хорошо это имеет смысл еще одна последняя вещь я не слишком уверен почему я не могу удалить кавычки с кнопок

[no name]

Измените эту строку:

button.innerHTML = ` "<a href="#">Show more</a>"`;

К:
button.innerHTML = ` <a href="#">Show more</a>`;