Форум программистов, компьютерный форум, киберфорум
WordPress
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
2 / 2 / 0
Регистрация: 06.04.2018
Сообщений: 40
1

Скрыть / Показать полный текст в foreach

11.12.2020, 16:41. Показов 729. Ответов 4

Author24 — интернет-сервис помощи студентам
Добрый день. Необходимо по нажатию на Читать далее показать полный текст. Но суть проблемы в том, что у меня вышло, что по нажатию на второй элемент "читать далее" раскрывается полный текст первого элемента... Как это исправить:?

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<div class="Doors container">
                <?php
                $args = array(
                    'numberposts' => -1,
                    'post_type' =>'doors',
                    'order'=>'ASC',
                    'suppress_filters' => true, 
                );
                $posts = get_posts( $args );
                foreach ($posts as $post) {setup_postdata($post);
                    ?>
                <div class="DoorsItem">
                    <div class="DoorsItemImg"><?php the_post_thumbnail(); ?></div>
                
                    <div class="DoorsItemDescription">
                        <h3><b><?php the_field("TitleDoors");?></b></h3>
                        <?php the_field("description");?>
                        <div>
                            <div class="DoorsItemDesc">
                                <?php the_field("fullDescription");?>
                            </div>
                            <div class="DoorsRead" onclick="ShowText();"><?php the_field("ShowText");?></div>
                            <div class="DoorsReadNone" onclick="HideText();"><?php the_field("HideText");?></div>
                        </div>
                    </div>
                    <a href="<?php the_field("fullImg");?>" class="DoorsLinks" rel="lightboxed"></a>
                </div>
                <?php }
        wp_reset_postdata();
        ?>
            </div>
Javascript
1
2
3
4
5
6
7
8
9
10
function ShowText() {
    document.querySelector(".DoorsItemDesc").style.display = "block";
    document.querySelector(".DoorsRead").style.display="none";
    document.querySelector(".DoorsReadNone").style.display="block";
  }
  function HideText() {
    document.querySelector(".DoorsItemDesc").style.display = "none";
    document.querySelector(".DoorsRead").style.display="block";
    document.querySelector(".DoorsReadNone").style.display="none";
  }
Миниатюры
Скрыть / Показать полный текст в foreach  
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
11.12.2020, 16:41
Ответы с готовыми решениями:

Скрыть/показать текст скрипт, фокус на раскрывшийся текст
есть скрипт: взятый готовый со страниц интернета, чуть доработанный &lt;script...

Скрыть, показать текст. Редактировать текст. Bootstrap. Drupal 8
У меня на странице nn-ое кол-во постов, максимальная длина поста не должна превышать 2 строки, а...

Показать\Скрыть текст
Подскажите пожалуйста какую нибуть функцию(скрипт) для того чтобы при нажатии на заголовок...

скрыть и показать текст
код такой #raz, #skryt { display: none; } label { /* вид CSS кнопки */ /*background:...

4
2 / 2 / 0
Регистрация: 06.04.2018
Сообщений: 40
11.12.2020, 16:43  [ТС] 2
Нажимала на второй "Читать далее" , а в итоге открывается первый..
Миниатюры
Скрыть / Показать полный текст в foreach  
0
2 / 2 / 0
Регистрация: 06.04.2018
Сообщений: 40
11.12.2020, 16:54  [ТС] 3
знаю что в js тоже надо через foreach сделать, но не представляю как(
0
Модератор
Эксперт JSЭксперт HTML/CSS
2687 / 1759 / 760
Регистрация: 13.03.2010
Сообщений: 5,844
11.12.2020, 17:12 4
Присваивать уникальные id/data-атрибуты и работать с ними, а не с классами. У вас же "открывается" первый попавшийся класс.
0
2 / 2 / 0
Регистрация: 06.04.2018
Сообщений: 40
14.12.2020, 10:58  [ТС] 5
Установила плагин KM ShowHide, а затем помеcтила в шорткод текст необходимый [km_showhide] текст ... [/km_showhide]


PHP
1
2
3
4
<?php   $field =    get_field("fullDescription");?>
<div class="DoorsItemHref">
<?php echo do_shortcode( "[km_showhide]".$field." [/km_showhide]" ); ?>
</div>
0
14.12.2020, 10:58
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
14.12.2020, 10:58
Помогаю со студенческими работами здесь

Скрыть/показать текст
Задание Написать сценарий, который позволяет провести социологический опрос (считаем, что можно...

Нужно показать/скрыть текст
Здравствуйте. Возникла такая проблема: на страничке необходимо разместить элемент - заголовок с...

Как скрыть/показать текст на кнопке
Здравствуйте, есть массив кнопок, на каждой кнопке в .Техт занесен символ. Можно как то (быстрым...

Скрыть/Показать текст через кнопку
Добрый день. Подскажите пожалуйста. На форме имеется Button и Label Как сделать что бы при...

Скрыть текст, а показать картинки (постраничная навигация)
нужно на странице (Joomla) скрыть цифры и текст (в постраничной навигации), а вместо них отобразить...

Переписать маленький скрипт (показать/скрыть текст) на новый jqury
Добрый день! Сам очень плохо разбираюсь в jQuery. Скрипт (показать/скрыть текст) работает на...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru