Доброго ночи.
Что то у меня не особо получается прикрепить функцию актив к моей панели =(
Кто нибудь подскажите пожалуйста как правельно прикрепить функцию active
#panel {
z-index: 999;
position: fixed; /* положение */
top: 100px; /* отступ сверху */
right: 0; /* отступ слева */
background-image: url(); /* цвет фона */
background-position: center;
background-repeat: no-repeat;
width: 62px; /* ширина блока */
height: 389px; /* высота блока */
font: 14px Lobster; /* размер и тип шрифта */
color: #fff; /* цвет текста */
text-align: center; /* выравнивание текста по центру */
padding: 5px; /* отступы от границ внутри блока */
-webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
/* СКРЫТЫЙ БЛОК */
#hidden_panel {
z-index: 999;
position: fixed; /* положение */
top: 100px; /* отступ сверху */
right: -200px; /* отступ слева */
background: url(**);
background-repeat: no-repeat;
background-position: center;
color: #000; /* цвет текста */
width: 185px; /* ширина блока */
height: 389px; /* высота блока */
padding: 4px; /* отступы от границ внутри блока */
text-align: left; /* выравнивание текста */
-webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
#panel:hover {
z-index: 999;
right: 185px; /* при наведении выдвигается на скрытые 200px + 20px отступы */
background-image: url(
http://); /* цвет фона */
background-position: center;
background-repeat: no-repeat;
-webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
#panel:hover #hidden_panel {
right: 0; /* отступ слева */
z-index: 999;
background: url(***);
background-repeat: no-repeat;
background-position: center;
}
