Проблема с скриптом
Добрый вечер, помогите пожалуйста:
В нижней части сайта, есть блоки "Туры в Болгарию", "Туры в Румынию" и ещё 2 блока. Так вот, и есть кнопка "Подробнее", при нажатии на неё выводиться остальная часть текста. Но почему то при нажатии на 2, 3 или 4 кнопку, всегда открывается первый блок, как сделать чтобы каждая кнопка открывала свой блок? Заранее спасибо! Код скрипта:
<script>function showTooltip()
{
var myDiv = document.getElementById('tooltip');
var myLink = document.getElementById('link');
if(myDiv.style.display == 'none'){
myDiv.style.display = 'block';
myLink.style.display = 'none';
} else {
myDiv.style.display = 'none';
}
return false;
}</script>
<a href='javascript:;' onclick=showTooltip() id="link"> Подробнее</a>
<div id=tooltip style='display: none'>
Здесь текст
</div>
Ссылка на сайт |
Если вы используете tooltip и link айдишники для других блоков, то поведение весьма ожидаемо.
document.getElementById - ищет сверху в низ, и находит только один эдемент. Когда вы скликаете на 2,3,4-й блоки, то скрипт находит первый tooltip(т.е. в первом блоке) и открывает его |
Цитата:
|
| Часовой пояс GMT +3, время: 01:35. |