Как сделать открытие/закрытие блока при нажатии?

Question

[booogabooo]

Помогите, запутался в скриптах...
Вот сайт
В блоке "Последние диалоги" я пытаюсь реализовать открытие/закрытие двух типов сообщений: конференция и лс. Каждое должно скрывать другое. Реализованно очень криво, ооочень, соответственно и работает не правильно, помогите исправить + вместе с этим должен замещаться фон.цвет у блоков слева (появился у одного, пропал у другого, а не добавился к другому, как у меня). Уже голову переломал...

+ подскажите, были у меня табы (Диалоги, Альянс....), что-то сделал, теперь они не работают...в чем проблема?

Answer 1

[Антон]

Кода никакого Вы не предоставили, поэтому напишу простой пример, по которому поймёте смысл.
Html код:

<div id="dialog">Иконка или "диалог"</div>
<div class="content">
    Тут начальное содержимое Ваше.
</div>
<div class="test" style="display: none">
    Тут содержимое диалога
</div>

Jquery код:

$('#dialog').click(function(){
    $('.content').hide(); // Скрывает начальное содержимое.
    $('.test').show(); // Показывает содержимое диалога.
});

Или же, если у вас всё разбито на шаблоны, то можно вместо show() и hide() использовать .load().
Если я, конечно, понял, что Вы имел в виду.

Answer 2

[lega]

Вот тоже самое что и у Pavel Demyanenko только без js! и jQuery (но с Angular Light).
Там все просто:
al-click="tab='b'" - при клике присвоить tab='b'
al-show="tab=='b'" - отобразить блок если tab == 'b'

Вам нужно попробовать какой-нибудь MV* фреймворк, с ними проще делать сложные приложения.

Answer 3

[todey]

<script type="text/javascript">

function openbox(id){
    display = document.getElementById(id).style.display;

    if(display=='none'){
       document.getElementById(id).style.display='block';
    }else{
       document.getElementById(id).style.display='none';
    }
}
</script>

<a href="#" onclick="openbox('box'); return false">Открыть</a>
<div id="box" style="display: none;">Отображаемый блок</div>

Answer 4

[Pavel Demyanenko]

Такая логика jsfiddle.net/p2wL5f54 ?