я хочу, чтобы, если вы нажмете на ссылку, будет показан конкретный 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, поэтому мне жаль, если это немного неряшливо. Но, может быть, вы знаете, что я имею в виду сейчас и сейчас.
Вышеприведенная демо должна дать вам представление о .hide()
, .show()
и .toggle()
. Вам нужно использовать .toggle()
Верните назад, если какая-то путаница.
Используйте ниже:
$("a").click(function(){
$("a").toggle();
});