Показать сообщение отдельно
  #1 (permalink)  
Старый 28.08.2014, 13:20
Интересующийся
Отправить личное сообщение для arborik Посмотреть профиль Найти все сообщения от arborik
 
Регистрация: 21.07.2014
Сообщений: 17

Toggle only single element
Всем привет.
Есть 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();
});
Ответить с цитированием