Даже в ie6 всё норм, а в Chrome творится что-то не ясное. Порыскал по инету, подсказок на решение не нашел. Наверно это я где-то заплужил, но который час не могу понять где
Функция jQuery (версия 1.4.1 min)
function accordion (){ maxWidth = $('#accordion').width() - 348; minWidth = 75; $('#accordion ul a').hover(function(event){ $('#accordion ul a').animate({width: minWidth+"px"}, { queue:false, duration:600 }); $(this).animate({width: maxWidth+"px"}, { queue:false, duration:600}); }); }
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
aTei
Даже в ie6 всё норм, а в Chrome творится что-то не ясное. Порыскал по инету, подсказок на решение не нашел. Наверно это я где-то заплужил, но который час не могу понять где
Функция jQuery (версия 1.4.1 min)
function accordion (){maxWidth = $('#accordion').width() - 348;
minWidth = 75;
$('#accordion ul a').hover(function(event){
$('#accordion ul a').animate({width: minWidth+"px"}, { queue:false, duration:600 });
$(this).animate({width: maxWidth+"px"}, { queue:false, duration:600});
});
}
HTML
CSS
#accordion {
width:724px;
height:129px;
margin-bottom:10px;
overflow:hidden;
background-color:#fff;
}
#accordion ul{
list-style: none;
margin: 0;
padding: 0;
overflow:hidden;
}
#accordion ul li{
float: left;
display: block;
}
#accordion ul li a{
display: block;
overflow: hidden;
height: 127px;
width: 75px;
text-decoration:none;
color:black;
font-size:0.9em;
border: 1px solid #fff;
}
#accordion ul li img{position: absolute;}
#accordion ul li p{
margin: 0;
padding: 0;
width: 200px;
display: block;
padding-left:10px;
padding-top:10px;
overflow:hidden;
}
#accordion .a1 {width: 143px;}
#accordion .a2 {width: 159px;}
#accordion .a3 {width: 179px;}
#accordion .a4 {width: 120px;}
#accordion .a5 {width: 113px;}
#accordion .a1 p{margin-left: 143px;}
#accordion .a2 p{margin-left: 159px;}
#accordion .a3 p{margin-left: 179px;}
#accordion .a4 p{margin-left: 120px;}
#accordion .a5 p{margin-left: 113px;}
Link to comment
Share on other sites
1 answer to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.