Сворачивание аккордеона - Joomla 2.5: Общие вопросы

function initMenu() {
  jQuery('.menu ul').hide();
  jQuery('.menu li.active ul').show();
  jQuery('.menu li .separator').click(
    function() {
        jQuery(this).next().slideToggle('normal');  
      }
    );
  }
jQuery(document).ready(function() {initMenu();});

<ul class="menu">
	<li>
		<span class="separator">Первый</span>
		<ul>
			<li>первый раз</li>
			<li>первый два</li>
			<li>первый три</li>
		</ul>
	</li>
	<li>
		<span class="separator active">Второй</span>
		<ul>
			<li>второй раз</li>
			<li>второй два</li>
			<li>второй три</li>
		</ul>
	</li>
	<li>
		<span class="separator">Третий</span>
		<ul>
			<li>третий раз</li>
			<li>третий два</li>
			<li>третий три</li>
		</ul>
	</li>
</li>

function initMenu() {
	jQuery('.menu .active').parent().siblings().children('ul').hide(); //скрываем все, кроме активного
	jQuery('.menu .separator').click(
		function() {
			jQuery(this)
				.AddClass('active') //добавляем текущему сепаратору активный класс
				.siblings().slideDown() //показываем соответствующий блок
				.parent().siblings().children('ul').slideUp()  //скрываем неактивный пункт
				.siblings('.separator').RemoveClass('active'); //удаляем старый активный класс
				
		}
	);
}
jQuery(document).ready(function() {initMenu();});

$('#celebs ul > li ul')
  .click(function(event){
    event.stopPropagation();
  })
  .filter(':not(:first)')
  .hide();

<ul>
  <li class="active">
первый
    <ul>
      <li><a href="#">1!</li>
      <li><a href="#">2</a></li>
      <li><a href="#">3</a></li>
    </ul>
  </li>
  <li>
 второй
    <ul>
      <li><a href="#">1</a></li>
      <li><a href="#">2</a></li>
    </ul>
  </li>
...
</ul>

$('p:not(.active)')

$(':not(p)')

	$('.menu .active').parent().siblings().children('ul').hide(); //скрываем все, кроме активного
	$('.menu .separator').on('click', function(){
                $(this).addClass('active')
				.siblings().slideDown()
				.parent().siblings().children('ul').slideUp();
                $(this).parent().siblings().children('.separator').removeClass('active');
 		    }
	);