Вот фрейм: https://jsfiddle.net/ex6b8c1h/
js:
$('.newsBar').click(function() {
$('.newsWindow').slideToggle();
});
$('.weatherBar').click(function() {
$('.weatherWindow').slideToggle();
});
html:
<div class="newsBar"></div>
<div class="weatherBar"></div>
<div class="newsWindow"></div>
<div class="weatherWindow"></div>
css: newsWindow, weatherWindow - display:none;
Нужно применить в скрипт условные выражения if
, if else
, else
для реакции:
Если newsWindow
выполняет функцию .slideToggle
, при этом weatherWindow
имеет display:block;
или же .show()
, тогда к weatherWindow
применяем .hide();
и наоборот:
Если weatherWindow
выполняет функцию .slideToggle
, при этом newsWindow
имеет display:block;
или же .show()
, тогда к newsWindow
применяем .hide();
Никак не получается реализовать из-за недостатка знаний.