Показать сообщение отдельно
  #1 (permalink)  
Старый 03.10.2013, 14:31
Новичок на форуме
Отправить личное сообщение для ignernom Посмотреть профиль Найти все сообщения от ignernom
 
Регистрация: 03.10.2013
Сообщений: 5

Плавное появление и исчезновение двух блоков при выборе одного из них
Уважаемые знатоки,
наглядный пример тут http://fsd564.bget.ru/example2/index.html

Необходимо сделать, что бы при выборе варианта "Выбор 1" плавно раскрывался "БЛОК 1",
но при выборе варианта "Выбор 2" плавно раскрывался "БЛОК 2", а "БЛОК 1" при этом закрывался.
И обратно - при выборе варианта "Выбор 1" закрывался "БЛОК 2" и раскрывался "БЛОК 1"

<script src="jquery.js"></script>
 
<script type="text/javascript">
$(document).ready(function(){
    $('#show').click(function(){
        $('#layer').show('slow');
    });
    $('#show2').click(function(){
        $('#layer2').show('slow');
    });
});
</script>
 
<input type="radio" name="type" value="1" id="show">Выбор 1
<input type="radio" name="type" value="2" id="show2">Выбор 2<br>
<div ID="layer" style="display:none;">БЛОК 1</div>
<div ID="layer2" style="display:none;">БЛОК 2</div>


Дополнение: если можно, то желательно что бы изначально при открытии страницы уже стоял указатель на Выборе 1 с раскрытым "БЛОК 1"

Последний раз редактировалось ignernom, 03.10.2013 в 14:33.
Ответить с цитированием