Форум Сайтостроение Веб-строительство

Выпадающее поле на сайте

G
На сайте с 24.04.2017
Offline
6
gricilo
625

Здравствуйте, реализовано выпадающее поле на сайте, при клике на ссылку. Закрывается оно, только тогда, когда нажмешь еще раз на ссылку, которая его открывает. Как реализовать момент, который бы закрывал 1 выпадающее поле, при нажатии на вторую ссылку - которая открывает второе выпадающее поле.

<script language="" type="text/javascript">

           function toggle(el)

{

	el.style.display = (el.style.display == 'none') ? 'block' : 'none';

}





</script>









    <div onclick="toggle(document.getElementById('spoiler_content'))">Кликни на меня</div>

    <br>

        <div id="spoiler_content" style="display:none">Какой-то текст....<br /> И еще текст</div> <br><div onclick="toggle(document.getElementById('spoiler_content1'))">Кликни на меня</div>

    

        <br><div id="spoiler_content1" style="display:none">Какой-то текст....<br /> И еще текст</div>
A
На сайте с 04.11.2007
Offline
134
asteroid
#1 


function toggle( el ) {

	el.style.display = (el.style.display == 'none') ? 'block' : 'none';

	var hide_arr = document.querySelectorAll( 'div[id^="spoiler_"]:not([id="' + el.id + '"])' );

	Array.prototype.forEach.call( hide_arr, function( hide, i ) {

		hide.style.display = 'none';

	});

}
G
На сайте с 24.04.2017
Offline
6
gricilo
#2

asteroid, Большое Спасибо,все получилось

---------- Добавлено 07.05.2017 в 02:04 ----------

В ИЕ не работает

function toggle( el ) {
el.style.display = (el.style.display == 'none') ? 'block' : 'none';
var hide_arr = document.querySelectorAll( 'div[id^="spoiler_"]:not([id="' + el.id + '"])' );
Array.prototype.forEach.call( hide_arr, function( hide, i ) {
hide.style.display = 'none';
});
}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий