Как изменить этот кусок jQuery-кода для аккордеона, что бы первый элемент был видим при старте?

Question

[Дмитрий]

<div class="accordeon">
  <div class="accordeon_item">
    <h3>Lorem 1</h3>
    <p>Lorem ipsum dolor sit amet.</p>
  </div>
  <div class="accordeon_item">
    <h3>Lorem 2</h3>
    <p>Lorem ipsum dolor sit amet.</p>
  </div>
  <div class="accordeon_item">
    <h3>Lorem 3</h3>
    <p>Lorem ipsum dolor sit amet.</p>
  </div>
</div>

$(".accordeon_item p").hide().prev().click(function() {
		$(".accordeon_item p").not(this).slideUp();
		$(this).next().not(":visible").slideDown();
	});

Думал использовать .not(":first") перед .hide(), но тогда ведь первый элемент перестанет быть кликабельным, и в дальнейшем его открытые будет невозможным

Answer 1

[Дмитрий]

В общем, в конкретно этом случае легче сделать вот так

$(".accordeon_item p").not(":first").hide();
$(".accordeon_item p").prev().click(function() {
    $(".accordeon_item p").not(this).slideUp();
    $(this).next().not(":visible").slideDown();
  });

Answer 2

[CrewCut]

Чтобы изначально был видим? Через css тогда