onclick hide (или change class) - есть ответ

yurgeman, 158 просмотров

Всем привет.
Есть такая конструкция:

<ul class="list-projects">

....

<li class="item-project">
<div class="row">
<div class="span4">
<div class="inner-pad"><strong class="text-shadow-w open">Hазвание проекта</strong>
<div class="more-info">адрес монтажа</div>
</div>
</div>
<div class="span4">
<div class="inner-pad">
<div class="infoblock text-shadow-w"><i class="icon-clock"></i>Согласовние дизайна с заказчиком бла, бла, бла</div>
<progress max="100" value="25"></progress>
<div class="row">
<time class="pull-left"><i class="icon-flag-empty"></i> 23.12.13 - 14:45</time>
<time class="pull-right"><i class="icon-flag"></i> 25.12.13 - 12:30</time>
</div>
</div>
</div>
<div class="span4 more-info">
<div class="inner-pad">с кем коммуникация</div>
<div class="row">
<time class="pull-right"><i class=""></i> 25.12.13 - 12:34</time>
</div>
</div>
</div>
</li>

....

</ul>

блоки с (class="more-info") скрыты, задача состоит в следующем:
необходимо при клике на элемент (<strong class="open">Hазвание проекта</strong>)
отобразить скрытые блоки только в этом элементе <li class="item-project">.
При клике на (<strong class="open">Hазвание проекта</strong>) в другом элементе списка в текущем элементе надо скрыть блоки (class="more-info")

Помогите решить проблемму

Ответы:

romani4

Пфф, задача на 6 строчек кода!

jt3k

на 4 строчки кода
$('.list-projects').on('click','strong.open',function(){
$('.more-info',this.delegateTarget).hide();
$(this).next('.more-info').show();
});

11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.