jQueryのアコーディオンができない

Question

タップで開閉するアコーディオンボタンを作りたいです。自分で考えて作ってみたのですが、以下のコードではタップすると一度開いた後閉じまた開いた後閉じるような動きになってしまいます。タップで開いてタップで閉じるようにするにはどうすればよいでしょうか。

<div class="contents">
<div class="title">アコーディオンのラベルの内容</div>  
<div class="hide">隠す部分の内容</div></div>

$(function(){
$('.hide').hide();
$('.contents').click(function(){
var $hide = $(this).find('.hide');
if($hide.hasClass('open')){
$hide.removeClass('open');
$hide.slideUp();}
else{$hide.addClass('open');
$hide.slideDown();}
});
});

.open{
display:block;
}

Comments

[x_x]

適切なタグをつけたほうが回答が得られると思います。

[2525mi]

修正いたしました。ありがとうございます。

[x_x]

再現しないのですが、現象は1回のタップで2回開閉するということですか？
また、確認しているのは Android でしょうか？

[2525mi]

仰る通り、一回のタップで二回開閉します。確認しているのはiPhoneです。