Как открыть закрытый элемент и закрыть все открытые?

Question

[Davlik]

Здравствуйте!
Есть страница, допустим с новостями, :

<div id="page"> //основной контейнер.
 <div class="news"> // блок состоит из одной новости.
     <h3>Новость</h3>
         <div class="news_info">
                <span>Сегодня 17 число! </span> //текст новости
         </div>
 </div>
 <div class="news">
     <h3>Новость</h3>
         <div class="news_info">
                <span>Завтра 18 число! </span>
         </div>
 </div>
</div>

При клике на блок с классом "news" выдвигается текст новости
$('.news_info').slideDown();
При клике вне области новости(блока news) все новости закрываются:

$("#page").click(function (event) {
        if ($(event.target).closest('.news').length == 0 ) {
            $('.news_info').slideUp();
        }
    });

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

Answer 1

[Андрей Б.]

jsfiddle.net/2ggntbwk

Comments

[Davlik]

Спасибо!

[Davlik]

Не заметил сразу, в вашем коде при клике на сам текст новости новость скрывается.Мне нужно чтобы при клике на внутренние элементы блока этот блок не закрывался. Покопался и что-то не смог понять как сделать.

[Davlik]

Я сильно тупанул) jsfiddle.net/kzw3538t все сделано.