Я новичок в jQuery
и создаю гармоничное меню.Меню изменения размера аккордеона jQuery
Моя проблема заключается в том, что у меня есть меню, и я хотел бы сделать его фиксированным, поэтому я хочу, чтобы всякий раз, когда вы наводите курсор на один из элементов, он увеличивается, а другие параметры уменьшаются.
Не могу понять, как это сделать. Я пробовал установить max-width
и установил width
, но то, что он делает, это помещает некоторые из div ниже остальных, чтобы они все соответствовали. Я хочу, чтобы все было на одной линии, а div - на каждую усадку на определенную сумму.
Вот мой код:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$('#accordion > li').hover(
function() {
var $this = $(this);
$this.stop().animate({'width':'400px'},500);
$('.heading',$this).stop(true,true).fadeOut();
$('.bgDescription',$this).stop(true,true).slideDown(500);
$('.description',$this).stop(true,true).fadeIn();
},
function() {
var $this = $(this);
$this.stop().animate({'width':'100px'},1000);
$('.heading',$this).stop(true,true).fadeIn();
$('.description',$this).stop(true,true).fadeOut(500);
$('.bgDescription',$this).stop(true,true).slideUp(700);
}
);
});
</script>
, пожалуйста, добавьте html-код тоже, скрипка будет полезна для начала. Можете ли вы предоставить скрипку? –
Вот скрипка: https://jsfiddle.net/bj3dpyok/ Я пытаюсь получить анимацию и поток этого http://mottie.github.io/Kwicks/#ex6, но я не знаю, как добавить его в с моим текущим проектом – TomMcmann