Всем привет.
Есть 2 ссылки при клике на них, должны открываться блоки.
Проблема в том, что при клике на каждую из ссылок, открывается 2 блока.
Нужно, если один блок открытый и мы кликаем на другую ссылку, второй блок открывается, а первый закрывается.
Видимый может быть только один блок.
Как решить эту задачу? В какую сторону смотреть?
Спасибо!
<div class="uploads-button">
<div class="upload-slides">
<a>UPLOAD SLIDES ></a>
<div class="drop-block-wrap">
<div class="drop-block">
<p>Save presentation as JPEG or PNG. Drag and drop all slides here, or</p>
<button>ADD SLIDES</button>
<p>Once all slides are added, press upload.</p>
</div>
<div class="buttons">
<button disabled="disabled">UPLOAD</button>
<button disabled="disabled">CANCEL</button>
</div>
</div>
</div>
<div class="upload-video">
<a>UPLOAD VIDEO ></a>
<div class="drop-block-wrap">
<div class="drop-block">
<p>Drag and drop<br>video here, or</p>
<button>ADD SLIDES</button>
</div>
<div class="buttons">
<button disabled="disabled">UPLOAD</button>
<button disabled="disabled">CANCEL</button>
</div>
</div>
</div>
</div>
$(".upload-video > a, .upload-slides > a").click(function () {
$(this).next(".drop-block-wrap").toggle();
});