jQueryでアコーディオン メニューを開閉したい

Question

jQueryでアコーディオン メニューを作成したのですが、
一度開けたメニューをもう一度クリックすると閉じる仕様にしたいのです。
現在の仕様は、
一度メニュータイトルをクリックするとメニューコンテンツが開き、
次のメニュータイトルをクリックすると最初に開けていたメニューコンテンツが閉じ、
次にクリックしたメニューコンテンツが開く。
となっています。

コードがこちらです。

$('.accordion-title a').on('click', (e) => {
	
	e.preventDefault();
	const content = $(e.target)
	.closest('section')
	.find('.accordion-content');

	if (!content.is(':visible')) {
		$('.accordion-content:visible').slideUp();
		content.slideDown();
			
	}
});

追記ですが、
下記のようなコードで実際に開閉が出来たのですが、
下の方のメニュータイトルとクリックするといちいちページトップまで戻ってしまいます。

/*$(function(){
	$('.accordion-title').on('click', function() {
		$(this).next('.accordion-content').slideToggle();
	})
});*/

どうかお力添えよろしくお願い致します。

Answer 1

    if (!content.is(':visible')) {
        $('.accordion-content:visible').slideUp();
        content.slideDown();
    } else {
        content.slideUp();
    }

Comments

[mi...]

ありがとうございます！！
思い通りの挙動が実現できました。