jQuery слайд и показать / скрыть div - PullRequest
Новая
       17

jQuery слайд и показать / скрыть div

1 голос
/ 19 сентября 2011

http://jsfiddle.net/VCUz4/1/

Выше часть веб-сайта, который я разрабатываю.Обычные слайд-функции jQuery работают нормально, но я бы хотел сделать еще один шаг вперед.

При нажатии на одно из изображений релиза появляется div, показывающий большие иллюстрации, список треков и некоторую другую информацию.Когда это открыто, если щелкают по другому выпуску, я бы хотел, чтобы старый раздел скрылся, а новый раздел немедленно заменил его.В тот момент, когда у меня возникли проблемы с моим JQuery.

Если .length> 1, контент отображается так, как мне хотелось бы, но если он равен 0, исходный контент не скользит, он просто появляется, но вы можете переключаться между выпусками.Это первый раз, когда я пытался создать свой собственный сценарий, как вы, вероятно, можете сказать, и, честно говоря, оригинальной реализации простого скольжения разделов вверх или вниз было достаточно, но я хочу улучшить свою работу.Спасибо

1 Ответ

1 голос
/ 19 сентября 2011

Я думаю, вам просто нужно изменить свое состояние: 

$(document).ready(function() {    

    $('#amy, #harris').hide();                        

    $('#link2').click(function() {
        if ($("#harris").is(":visible")) {
            $("#harris").hide();
            $("#amy").show();
        }
        else $('#amy').slideDown(500);

        return false;
    });

    $('#link1').click(function() {
        if ($("#amy").is(":visible")) {
            $("#amy").hide();
            $("#harris").show();
        }
        else $('#harris').slideDown(500);

        return false;
    });  

});

Не проверяйте длину результатов вашего селектора. И #harris, и #amy всегда находятся в DOM, поэтому всегда будет введено истинное условие.

Обновленный пример : http://jsfiddle.net/uwmtN/

...