При клике на див он исчезает и появляется другой

[DenjBoss]

Друзья, помогите.
На сайте есть слайдер, на слайдере есть кнопка
как сделать, чтобы при нажатии на кнопку блок со слайдером исчезал и вместо него появлялся другой див?

[Dilettante_Pro]

<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>

[рони]

").style="display:none";

и где такое работает?

[Dilettante_Pro]

и где такое работает?

Работает в хроме на десктопе и смартфоне
В ие не работает
Вот исправленный вариант

<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) и этот вариант сотрут остальные свойства стиля, это может повлиять на разметку страницы.

[Dilettante_Pro]

рони,
То, что сотрут - я знаю. Хочется заставить ТС тоже подумать

[DenjBoss]

Спасибо большое, ребятки