показать / скрыть div с анимацией слайдов влево \ вправо

Я попробовал это здесь:http://jsfiddle.net/92HXT/1/ Но это не работает. Это работает только если я используюshow("slow")/hide("slow").

Благодарю.

 gopi141013 июн. 2012 г., 16:45
да, измени этоclass
 thecodeparadox13 июн. 2012 г., 16:42
почему вы использовали то же самоеid для нескольких элементов? абсолютно неправильно.
 user145391813 июн. 2012 г., 17:06
упс, я не заметил ^^

Ответы на вопрос(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, чтобы оно стало лучше, позволяя пользователю быстро нажимать на ссылки, не нарушая анимацию. Добавлен белый фон и отступы слева для лучшего представления эффекта.

 user145391813 июн. 2012 г., 17:30
Да, большое спасибо, конечно, я буду использовать последнюю версию вашего скрипта! ;)
 07 апр. 2016 г., 22:41
Просто чтобы прояснить, похоже, что для функции .show (& quot; slide & quot;) требуется пользовательский интерфейс jQuery
 13 июн. 2012 г., 20:27
Я изменил скрипку, чтобы сделать анимацию немного более плавной:jsfiddle - просто еще один вариант для вас.
 13 июн. 2012 г., 17:25
@ User1453918; Я рад, что, похоже, это сработает для вас. Я обновил свое предложение, которое может улучшить его удобство для пользователя. Не стесняйтесь принять этот ответ, если он действительно отвечает на ваш вопрос.

Однако этот код работает, тег 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>

Ваш ответ на вопрос