Аккордеон, при открытии одного остальные закрываются,как сделать?

Question

[gl_evhen]

Есть аккордеон, нужно добавить к нему функцию что бы при открытии одной его вкладки остальные автоматически закрывались, как такое сделать подскажите пожалуйста?

HTML

<div class="accardeon_block">
					<ul>
						<li class="li_click">
							<span class="click_open click_open1">Вкладка 1</span>
							<div class="drop_block drop_block1">
								<ul>
									<li>
										<a href="#">text</a>
									</li>
									<li>
										<a href="#">text</a>
									</li>
									<li>
										<a href="#">text</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="li_click">
							<span class="click_open click_open2">Вкладка 2</span>
							<div class="drop_block drop_block2">
								<ul>
									<li>
										<a href="#">text</a>
									</li>
									<li>
										<a href="#">text</a>
									</li>
									<li>
										<a href="#">text</a>
									</li>
								</ul>
							</div>
						</li>
</ul>
							</div>

Javascript

$(".click_open1").toggle(function() {
  $(this).parents('.accardeon_block').find('.drop_block1').slideDown();
  }, function() {
  $(this).parents('.accardeon_block').find('.drop_block1').slideUp(); 
 }); 
 
$(".click_open2").toggle(function() {
  $(this).parents('.accardeon_block').find('.drop_block2').slideDown();
  }, function() {
  $(this).parents('.accardeon_block').find('.drop_block2').slideUp(); 
 });

Answer 1

[Ilya Suhodolskiy]

.drop_block{
	display: none;
}

var click_open = $('.click_open'),
    drop_block = $('.drop_block');


click_open.click(function(){
	var _this = $(this),
	    _thisDrop = _this.next(drop_block);
	
	if(!_thisDrop.hasClass('open')){
		drop_block.slideUp(300);
		_thisDrop.addClass('open').slideDown(300);
	} else{
		drop_block.slideUp(300);
		_thisDrop.removeClass('open');
	}
});

Comments

[gl_evhen]

благодарю)) то что нужно!!!

Answer 2

[DrFr]

вот пример jqueryui.com/accordion

Answer 3

[Никита К.]

Ну вот как самый простой пример
jsfiddle.net/q2v0krjt/3

Answer 4

[Sergeniy]

В параллельной ветке другой вопрос, но твой скрипт