может я неумею правильн оискать но ненашол ничево подходящего.Сейчас делаю это просто вот так
<html>
<head>
<script type="text/javascript">
document.getElementById('id5').style.display='none';
function text(el){
document.getElementById('id5').style.display='';
el.style.display = 'none';
}
</script>
</head>
<body>
<div id="id4" onclick = "text(this)" style="border:5px solid black; width:100px ;height:100px">Здесь ваш текст</div>
<div id="id5" style="border:5px solid red; width:50px; height:50px"> Новый текст</div>
</body>
</html>
Либо же просто делаю вот так
<html>
<head>
<script type="text/javascript">
function text(){
document.getElementById('id4').innerHTML='Новый текст';
}
</script>
</head>
<body>
<div id="id4" onclick = "text()" style="border:5px solid black; width:100px ;height:100px">Здесь ваш текст</div>
</body>
</html>
А как зделать так что-бы в <body> у меня был один <div> и по нажатию на него происходила анимация переворачивания этого <div> и текст изменялса на какойто новый.