以前教えていただいたtoogleの表示・非表示について

Question

申し訳ございません。追加の質問です。
最初は”あああ”のみ表示させた状態にしたいのですが、どうしたらよろしいでしょうか？

<script>
$(function(){
  $('.toggle-box').hide();
  $('a[data-target]').on('click',function(e){
    e.preventDefault();
    $('.toggle-box').filter('.'+$(this).data('target')).slideToggle('slow');
    $('.toggle-box').not('.'+$(this).data('target')).slideUp('slow');
  });
});
</script>
<a  href="#" data-target="a1">あああ</a>
<a  href="#" data-target="a2">いいい</a>

<div class="toggle-box a1">
<p>
あああ
</p>
</div>
<div class="toggle-box a2">
<p>
いいい
</p>
</div>

Answer 1

何の追加かわかりませんが、クラスを指定すれば良いのではないでしょうか？

$('.toggle-box.a2').hide();

Comments

[alkeran]

ありがとうございます。以下の通り、３個目があるとどうなるのですか？
<a href="#" data-target="a3">ううう</a>

[alkeran]

$('.toggle-box.a2,.toggle-box.a3').hide();
でできました。ありがとうございました。