gricilo

Спасибо ВСЕМ вот что получилось в итоге:

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



function collapsElement(hide_id)

{

var el = document.getElementById(hide_id);

if ( el.style.display != "none" )

{

el.style.display = 'none';



}

else

{

el.style.display = '';



}

}

function hideElements(hide_id)

{

var hides = ['hide', 'hide1', 'hide2', 'hide3', 'hide4'];

for(var i = 0; i < hides.length; i++)

{

if(hide_id !== hides)

{

document.getElementById(hides).style.display='none';

}

}

collapsElement(hide_id);

}



</script>

<style>

.zet { 

             

	margin: 0 auto;

             position: relative;

              height: auto;

	width: 100%;

             text-align: center;

	

}



.div { 

       background-color: #ff5a00;       

	margin: 0 auto;

            position: relative;

            overflow: auto;

	height: 500;

	width: 300;

             border:1px solid black;

             border-radius: 12px;

	}

	.div1{

	

	 background-color: #ff5a00;       

	margin: 0 auto;

	position: relative;

            overflow: auto;

	height: 400;

	width: 400;

             border:1px solid black;

             border-radius: 12px;

	}

            .div2{

	

	 background-color: #ff5a00;       

	margin: 0 auto;

	position: relative;

            overflow: auto;

	height: 300;

	width:500;

             border:1px solid black;

             border-radius: 12px;

	}

	.div3{

	

	 background-color: #ff5a00;       

	margin: 0 auto;

	position: relative;

            overflow: auto;

	height: 200;

	width:600;

             border:1px solid black;

             border-radius: 12px;

	}

	.div4{

	

	 background-color: #ff5a00;       

	margin: 0 auto;

	position: relative;

            overflow: auto;

	height:100;

	width:700;

             border:1px solid black;

             border-radius: 12px;

	}

	

	.meny {

             margin: 0 auto;

             text-align: center;

             padding: 10px;

	height: 20px;

	width: auto;

             border:0px solid black;

             border-radius: 12px;

	background-color: #3333FF;

	}

#close {

cursor: pointer;

	position: absolute;

	width: 23px;

	height: 23px;

	top: 17px;

	right: 17px;

	display: block;

}

</style>

<div class="meny">

    <button onClick="hideElements('hide')">ОКНО1</button>

    <button onClick="hideElements('hide1')">ОКНО2</button>

    <button onClick="hideElements('hide2')">ОКНО3</button>

    <button onClick="hideElements('hide3')">ОКНО4</button>

    <button onClick="hideElements('hide4')">ОКНО5</button>

</div>  





<div class="zet">

  <div id="hide"style="display:none"class="div">

    <a onClick="document.getElementById('hide').style.display='none';return false;" title="Закрыть окно" id="close">

              Х

            </a>

Скрытый текст 

  </div>

  <div id="hide1"style="display:none"class="div1">

<a onClick="document.getElementById('hide1').style.display='none';return false;" title="Закрыть окно" id="close">

              Х

            </a>

    текст

  </div>

<div id="hide2"style="display:none"class="div2">

<a onClick="document.getElementById('hide2').style.display='none';return false;" title="Закрыть окно" id="close">

              Х

            </a>

    текст +

  </div>

  <div id="hide3"style="display:none"class="div3">

<a onClick="document.getElementById('hide3').style.display='none';return false;" title="Закрыть окно" id="close">

              Х

            </a>

    текст + +

  </div>

  <div id="hide4"style="display:none"class="div4">

<a onClick="document.getElementById('hide4').style.display='none';return false;" title="Закрыть окно" id="close">

              Х

            </a>

    текст + + +

  </div>

</div>

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

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

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

ivakol, Большое СПАСИБО очень помог