При нажатии на кнопку надо, чтобы появлялся определенный текст

@Анна Иноземцева · Регистрация: 29.07.2016

Студворк — интернет-сервис помощи студентам

Вопрос такой. Допустим, у меня на странице 4 блока.

В каждом блоке - кнопка "прочитать больше", и определенный текст, который скрыт.

Надо, чтобы при помощи jquery при нажатии на кнопку появлялся именно тот текст, который в этом блоке.

Приблизительный код для каждого блока:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div class="block1">
  <span style="display: none;">текст1</span>
  <button>Прочитать больше</button>
</div>
 
<div class="block2">
  <span style="display: none;">текст2</span>
  <button>Прочитать больше</button>
</div>
 
<div class="block3">
  <span style="display: none;">текст3</span>
  <button>Прочитать больше</button>
</div>
 
<div class="block4">
  <span style="display: none;">текст4</span>
  <button>Прочитать больше</button>
</div>

@Fourd · 31.03.2017, 16:25

JavaScript
1
2
3
4
$(document).on('click', function(e) {
    var value = e.target;
    $(value.parentElement).children('span').css('display', 'block');
});

как то так

@Уф · 31.03.2017, 16:33

посмотри тут Сокращение текста на jQuery функция сама обрезает текст если он слишком длинный и добавляет кнопку "посмотреть еще"

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip	Жизнь в неопределённости kumehtar 23.03.2026 Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .	Модель здравоСохранения: работники работают быстрее после её введения. anaschu 23.03.2026 geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .	1С: Контроль уникальности заводского номера Maks 23.03.2026 Алгоритм контроля уникальности заводского (или серийного) номера на примере документа выдачи шин для спецтехники с табличной частью. Данные берутся из регистра сведений, по которому настроено. . .
Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения anaschu 22.03.2026 e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git	1С: Программный отбор элементов справочника по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .

@Уф 890 / 725 / 447 Регистрация: 13.07.2015 Сообщений: 2,277
	31.03.2017, 16:33
	посмотри тут Сокращение текста на jQuery функция сама обрезает текст если он слишком длинный и добавляет кнопку "посмотреть еще" 0

При нажатии на кнопку надо, чтобы появлялся определенный текст

Решение