当用户点击我的DIV中的某个链接时，我想隐藏点击该链接的DIV内的特定DIV。我使用以下代码：
$(".entry").on('click', function(e) {
e.preventDefault();
// Is the link to show/hide statements clicked?
if (e.target.className == 'app-link-menu') {
if ($(this).find('.app-link-menu').text() == 'hide filtered') {
$(this).find('.nonmatched-sentence').fadeOut(400);
$(this).find('.app-link-menu').text('show filtered');
}
else {
$(this).find('.nonmatched-sentence').fadeTo(400, '0.4');
$(this).find('.app-link-menu').text('hide filtered');
}
}
但是，它显示/隐藏了所有.entry DIV中.nonmatched-sentence类的元素，而不仅仅是在链接被点击的那个内。
你知道怎么纠正吗？
谢谢！
更新：HTML
<div class='entry' data-uid='d12ecef0-c243-11e3-bdbd-476fefd65326' data-hashtags='#tarr #bresson'>
<p class='entry-text'><a href="/concepts/tarr" title="#tarr" class="app-concept-link">#tarr</a> <a href="/concepts/bresson" title="#bresson" class="app-concept-link">#bresson</a> <a title="Search filmDirectors" class="app-context-link" href="/contexts/filmDirectors">@filmDirectors</a></p>
<p class='entry-date'>13973082279400000</p>
<p class='entry-menu'> <a class="app-link-menu" href="#">show filtered</a></p>
<div class='separator'> </div>
</div>
<div class='entry' data-uid='cde3e9b0-c243-11e3-bdbd-476fefd65326' data-hashtags='#tarr #sokurov'>
<p class='entry-text'><a href="/concepts/tarr" title="#tarr" class="app-concept-link">#tarr</a> <a href="/concepts/sokurov" title="#sokurov" class="app-concept-link">#sokurov</a> <a title="Search filmDirectors" class="app-context-link" href="/contexts/filmDirectors">@filmDirectors</a></p>
<p class='entry-date'>13973082224150000</p>
<p class='entry-menu'> <a class="app-link-menu" href="#">show filtered</a></p>
<div class='separator'> </div>
</div>