JQuery скрыть и показать скрипт переключения

0

я хочу, чтобы, если вы нажмете на ссылку, будет показан конкретный div, и при повторном нажатии на него он будет скрыт. И даже если вы нажмете на другую ссылку, div также будет скрыт, а другой будет показан. Я нашел этот код в Интернете, но он говорит, что он переключит следующий ".toggle", и div, который я хочу показать, не является следующим.

$(function () {
    $('.toggle').hide();
    $('a.togglelink').on('click', function (e) {
        e.preventDefault();

        var elem = $(this).next('.toggle')
        $('.toggle').not(elem).hide('slow');
        elem.toggle('slow');
    });
});

Но я хочу, чтобы у меня был левый бар и правый бар, и когда я нажимаю, например, на 1, откроется div с правой стороны. Когда я нажму на 3, 1 закроется и 3 откроется и т.д.

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

  • 1
    Можем ли мы иметь фрагмент HTML тоже? Может быть, скрипка?
Теги:
toggle
show
hide

2 ответа

0
Лучший ответ

Demo

Вышеприведенная демо должна дать вам представление о .hide(), .show() и .toggle(). Вам нужно использовать .toggle()

Верните назад, если какая-то путаница.

  • 0
    Спасибо! Работает отлично: D.
  • 0
    с удовольствием..:)
0

Используйте ниже:

 $("a").click(function(){
      $("a").toggle();   
    });

Ещё вопросы

Сообщество Overcoder
Наверх
Меню