Показать сообщение отдельно
  #3 (permalink)  
Старый 01.06.2013, 20:19
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,795

Попробуй так:

<body>
<style type="text/css">
.pointer { cursor: pointer }
.hidden { display: none }
</style>
 
<div class="pointer type_1" onclick="res('1')">Кнопка-1</div>
<div class="pointer type_2" onclick="res('2')">Кнопка-2</div>
<div class="pointer type_3" onclick="res('3')">Кнопка-3</div>
 
 
 <div class="view_1 hidden">Информация 1</div>
 <div class="view_2 hidden">Информация 2</div>
 <div class="view_3 hidden">Информация 3</div>
<script>
function setCookie(name,value,days) {
 if (days) {
 var date = new Date();
 date.setTime(date.getTime()+(days*24*60*60*1000));
 var expires = "; expires="+date.toGMTString();
 }
 else var expires = "";
 document.cookie = name+"="+value+expires+"; path=/";
}

function getCookie(name) {
 var nameEQ = name + "=";
 var ca = document.cookie.split(';');
 for(var i=0;i < ca.length;i++) {
 var c = ca[i];
 while (c.charAt(0)==' ') c = c.substring(1,c.length);
 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
 } 
 return null;
}

if(getCookie('viev')) {$('.view_'+getCookie('viev')+'').show();$('.type_'+getCookie('viev')+'').hide();}
	
function res(num){
	if(num=='1') {$(".view_1").fadeIn(1000);$('.type_1').fadeOut(500);setCookie('viev','1','365');} else {$(".view_1").fadeOut(500);$('.type_1').fadeIn(500);};
	if(num=='2') {$(".view_2").fadeIn(1000);$('.type_2').fadeOut(500);setCookie('viev','2','365');} else {$(".view_2").fadeOut(500);$('.type_2').fadeIn(500);};
	if(num=='3') {$(".view_3").fadeIn(1000);$('.type_3').fadeOut(500);setCookie('viev','3','365');} else {$(".view_3").fadeOut(500);$('.type_3').fadeIn(500);};
}
</script>
</body>

Последний раз редактировалось Nexus, 01.06.2013 в 20:23.
Ответить с цитированием