Implementing jQuery "closest"
<p>I am using this jQuery function to find the parent element with class name "viewCommentsExp".</p>

<pre><code> $('.viewCommentsExpBtn').click(function(e){
    e.preventDefault();

var trackid= $(this).parent().find(".trackidField2").val();
var parent = $(this).parent().parent().parent().find(".viewCommentsExp");

        $.ajax({
            type: "POST",
            data: "trackid="+trackid,
            url: "http://rt.ja.com/viewcomments.php",
            success: function(data)
            {   
             $(".newUserComment").html(data);
            $(parent).slideToggle();

                }
            });
     });
</code></pre>

<p>I have this function working on about 90% of the clicks.  But, randomly, sometimes all divs with this classname are selected rather than the closest.  </p>

<p>Can I clean this up to work more reliably using jQuery "closest"?  </p>

<pre><code>$(this).parent().parent().parent().find(".viewCommentsExp");
</code></pre>

<p>Not sure how to implement this.</p>
