When click then it will display the specific content
<p>I have some HTML</p>

<pre><code>&lt;div class="view-content"&gt;
   &lt;table class="views-table cols-10" style="font-size: 12px;"&gt;
     &lt;thead&gt;
       &lt;tbody&gt;       
          &lt;tr class="even" style="background-color: rgb(255, 255, 255);"&gt;
              &lt;td class="views-field views-field-title" style="background-color: rgb(248, 248, 248); color: black;"&gt;
                   &lt;b&gt;Is there any fees charged to lodge the complaint?&lt;/b&gt;
                   &lt;p style="font-size: 12px; display: none;"&gt; 
              &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr class="odd" style="background-color: rgb(248, 248, 248);"&gt;
            &lt;td class="views-field views-field-rownumber" style="background-color: rgb(248, 248, 248); color: black;"&gt; 3 &lt;/td&gt;
            &lt;td class="views-field views-field-title" style="background-color: rgb(248, 248, 248); color: black;"&gt;
               &lt;b&gt;Can I lodge a complaint on behalf of another person?&lt;/b&gt;
                     &lt;p style="font-size: 12px; display: none;"&gt;
            &lt;/td&gt;
       &lt;/tr&gt;
</code></pre>

<p>and I add jquery function </p>

<pre><code>$(document).ready(function() {
    $('.view-content').find('table tbody tr').each(function() {
        $(this).find('td.views-field-title p').hide();
        // alert($(this).html());
    });
})
</code></pre>

<p>The problem is when I add:</p>

<pre><code>$('td.views-field-title b').click(function () { 
      $('td.views-field-title p').show();
}) 
</code></pre>

<p>it did not work,the action will display all the content of <code>&lt;p&gt;&lt;/p&gt;</code>
instead display <code>&lt;p&gt;&lt;/p&gt;</code> for selected <code>'td.views-field-title b'</code>.</p>

<p>Any ideas?</p>
