jquery переключает несколько div, включая один, а остальные выключают

Приветствую, я пытаюсь придумать способ использования виджета аккордеона (который я сейчас использую, h3 является триггером), когда при выборе h3 появляется другой div, затем при выборе другого h3 появляется новый div появляется, а другой исчезает и так далее.

поэтому у меня есть макет из трех столбцов, левый столбец - это мой виджет аккордеона, когда выбран h3, появится средний div (анимация не имеет значения) и плавающий правый столбец внутри этого div, чтобы создать вид макета из трех столбцов, который правый столбец будет использоваться для отображения/скрытия содержимого в этом среднем div. еще со мной????

Имейте в виду, что первый h3 открыт по умолчанию, поэтому будет также открыт связанный средний столбец и плавающий правый столбец внутри, но он исчезнет, ​​когда будет выбран другой h3 и так далее.

Мой jquery/javascript в лучшем случае минимален, и я не могу придумать, в каком направлении двигаться с этим.

Я использую переключатель? показать спрятать? Благодарим за любую идею!

Итак, я думаю, что я пытаюсь сделать, это создать эффект, что контент заполняется ссылками внутри div для отображения/скрытия, переключения или чего-то еще, когда пользователь щелкает ссылку, а не отображает список прачечных элементов/контента.


html toggle jquery show-hide slidetoggle
person Jus    schedule 29.01.2010    source источник
comment
Вам действительно нужно опубликовать некоторый код, это облегчит людям задачу помочь вам.   -  person Mark Bell    schedule 29.01.2010
comment
Может быть, даже вставить картинку в стиле MSPaint :)   -  person MDCore    schedule 29.01.2010

Ответы (2)


arrow_upward
2
arrow_downward

Основываясь на том, что вы описали, я закодировал небольшой пример. Пожалуйста, взгляните на это в качестве отправной точки и прокомментируйте любые вопросы, которые у вас есть. Надеюсь, это хорошая отправная точка для вас.

Просмотрите источник для точного кода.

http://jsbin.com/ixaco

person Tim Banks    schedule 29.01.2010

arrow_upward
0
arrow_downward

Спасибо ТБ, это именно то, что я искал. С кодом, который вы дали, могли бы вы сказать, возможно ли добавить эффекты Jquery Ui к заполняющим элементам div из show/hide? Думал о слепом эффекте или что-то в этом роде. Было любопытно, так как я уже использую виджет аккордеона пользовательского интерфейса в качестве левого столбца. Если кому-то интересно, почему я для начала вызываю библиотеку пользовательского интерфейса.

Ваш код:

$(function(){
  $("h3").click(function(){
    $(".content").hide();
    $(this).next().show();
  });
  $("h3:first").click();
});
#

Если я добавлю «слепой»:

   $(".content").hide(blind);
    $(this).next().show(blind);

Что-то в этом роде, я полагаю... в основном просто немного пофантазировать

Еще раз спасибо.

person user265066    schedule 03.02.2010