Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   При клике на ссылку показывать определенный div id (https://javascript.ru/forum/misc/33285-pri-klike-na-ssylku-pokazyvat-opredelennyjj-div-id.html)

noobasik 17.11.2012 04:20

При клике на ссылку показывать определенный div id
 
Здравсвуйте!

Пользуясь данным скриптом

window.onload= function() {
	document.getElementById('toggler').onclick = function() {
		openbox('box', this);
		return false;
	};
};
function openbox(id, toggler) {
	var div = document.getElementById(id);
	if(div.style.display == 'block') {
		div.style.display = 'none';
		toggler.innerHTML = 'Открыть';
	}
	else {
		div.style.display = 'block';
		toggler.innerHTML = 'Закрыть';
	}
}


Делаю вывод скрытого дива.

//
<a href="$ENTRY_URL$">$TITLE$</a> | <a href="#" id="toggler">Ссылка, при которой открывается скрытый див</a>

<div id="box" style="display: none;">
Скрытый див......
</div>

Но почему-то это работает только на самую первыю ссылку в списке, как сделать что-бы работало на все.

noobasik 17.11.2012 04:49

Каждая ссылка вначале кода имеет div id.

<div id="entryID105">
</div>


Работает скрипт всегда только на последний добавленный div id.

Hoshinokoe 17.11.2012 11:57

noobasik,

Вам нужно передавать id блока, который вы хотите показать/скрыть при клике на ссылку.

<a href="#" id="toggler" onclick="toggle('box', this);">Ссылка, при которой открывается скрытый див</a>

<div id="box" style="display: none;">
Скрытый див......
</div>

function toggle(id, link) {
	openbox(id, link);
	return false;
}

function openbox(id, toggler) {
	var div = document.getElementById(id);
	if(div.style.display == 'block') {
		div.style.display = 'none';
		toggler.innerHTML = 'Открыть';
	}
	else {
		div.style.display = 'block';
		toggler.innerHTML = 'Закрыть';
	}
}

noobasik 18.11.2012 05:32

Спасибо уже разобрался


Часовой пояс GMT +3, время: 06:15.