показать / скрыть div с анимацией слайдов влево \ вправо
Я попробовал это здесь:http://jsfiddle.net/92HXT/1/ Но это не работает.
Это работает только если я используюshow("slow")/hide("slow").
Благодарю.
Ответы на вопрос(2)
Хотя это и не самая резкая анимация, я позволил ей вести себя так, как, я думаю, вы хотите, находя родителя и скрывая всех братьев и сестер. Я еще не уверен, почему это сдвигает элементы влево, тогда как прямой вызов.siblings() не похоже.
Как уже упоминалось, использование классов для идентификации группы элементов является правильным подходом, а не по идентификатору.
Update:
Хотя я все еще не уверен, почему siblings () не находит братьев и сестер в div, который вы нашли по ID, я подозреваю, что это связано с процессом показа / скрытия или, возможно, даже с использованием скользящей анимации. , Вот мой предложенный jQuery / jQueryUI:
$('a.view-list-item').click(function () {
var divname= this.name;
$("#"+divname).show("slide", { direction: "left" }, 1000);
$("#"+divname).parent().siblings(":visible").hide("slide", { direction: "left" }, 1000);
});
Здесьобновленная версия.
Update:
отличное обновление к решению от @ jesus.tesh
Update:
обновление поведения к решению @erwinjulius. Я изменил позиционирование DIV, чтобы оно стало лучше, позволяя пользователю быстро нажимать на ссылки, не нарушая анимацию. Добавлен белый фон и отступы слева для лучшего представления эффекта.
Однако этот код работает, тег name в элементах устарел в соответствии со стандартами W3C.
Я пытался с ID не работает, затем я изменил имя тега на заголовок, и это тоже работает, и вы соответствуете стандартам W3C!
Так что измените & quot; имя & quot; на "заголовок" вот так, он отлично работает, видит здесь:http://design65grafischontwerp.nl/#portfolio
<script type="text/javascript">
$(document).ready(function() {
$('a').click(function() {
var divtitle = this.title;
$("#" + divtitle).show("slow").siblings().hide(1000);
});
});
</script>
classidдля нескольких элементов? абсолютно неправильно.