javascript - jquery onlclickで要素のIDを取得しますか？

Question

これはhtmlページの非常に単純な例です

<span class ="title" id="title_1">this is</span> 
<span class="toggle" id="toggle_1>paragraph 1</span>

<span class ="title" id="title_2">this is</span> 
<span class="toggle" id="toggle_2">paragraph 2</span>

トグル機能を使用してonlcickイベントを実行しようとしているので、基本的にユーザーがtitle_1をクリックすると、toggle_1が非表示になり、表示されます。ユーザーがtitle_2をクリックすると、toggle_2が表示および非表示になります。これが理にかなっていることを願っています。

 (document).ready(function() {
      $('.toggle').hide();
        $('#title_').click(function() {
        $('#toggle_').toggle('slow');
    });
      });

私はこのようにjqueryを開始しましたが、ここから何をすべきかわかりません。ありがとう

Answer 1

あなたは出来る：

$('.toggle').hide();
$('.title').click(function() {
   $(this).next(".toggle").toggle('slow');
});

Answer 2

これを試して

(document).ready(function() {
      $('.toggle').hide();
      $('.title').click(function() {
                $(this).closest('.toggle').toggle('slow');
      });
});