При клике на див он исчезает и появляется другой
Друзья, помогите.
На сайте есть слайдер, на слайдере есть кнопка как сделать, чтобы при нажатии на кнопку блок со слайдером исчезал и вместо него появлялся другой див? |
<div id="slider">Слайдер
<input type="button" value="Кнопка" onclick="hideshow();"/>
</div>
<div id="other" style="display:none">Другой</div>
<script>
function hideshow() {
document.getElementById("slider").style="display:none";
document.getElementById("other").style="display:block";
}
</script>
|
Цитата:
|
Цитата:
В ие не работает Вот исправленный вариант
<div id="slider">Слайдер
<input type="button" value="Кнопка" onclick="hideshow();"/>
</div>
<div id="other" style="display:none">Другой</div>
<script>
function hideshow() {
document.getElementById("slider").style.display="none";
document.getElementById("other").style.display="block";
}
</script>
Рони, спасибо за замечание |
Dilettante_Pro,
можно так
<meta charset="utf-8">
<div id="slider">Слайдер
<input type="button" value="Кнопка" onclick="hideshow();"/>
</div>
<div id="other" style="display:none">Другой</div>
<script>
function hideshow() {
document.getElementById("slider").style.cssText="display:none";
document.getElementById("other").style.cssText="display:block";
}
</script>
но ваш (пост 2) и этот вариант сотрут остальные свойства стиля, это может повлиять на разметку страницы. |
рони,
То, что сотрут - я знаю. Хочется заставить ТС тоже подумать |
Спасибо большое, ребятки :)
|
| Часовой пояс GMT +3, время: 08:25. |