FAQ Opening on title

FAQ Opening

<div class="faq__list">
	<div class="faq__item open">
		<div class="faq__item-title">
			<div class="faq__item-quest">
				<p>Question</p>
			</div>
		</div>
		<div class="faq__item-answer user-content">
			<p>Answer</p>
		</div>
	</div>
</div>

/***********************
Faq BEGIN
***********************/
$(document).ready(function() {
	if($('.faq__item-title').length) {
		$('.faq__item-answer').slideUp();
		$('.faq__item.open').find('.faq__item-answer').slideToggle();
		$('.faq__item-title').on('click', function(){
			var $this = $(this);
			var $faqList = $this.parents('.faq__list');
			var $otherItems = $faqList.find('.faq__item-title').not($this).closest('.faq__item');

			$otherItems.removeClass('open');
			$otherItems.find('.faq__item-text').slideUp();

			$this.next('.faq__item-text').slideToggle();
			$this.closest('.faq__item').toggleClass('open');
		});
	}
});
/***********************
Faq END
***********************/