jQuery找到最近的父母Div

我正在尝试使用以下方案学习jQuery.为此,我在阅读了多个SO问题后尝试了以下jQuery;但它不起作用

$(this).closest('.viewLogText').parent().find('.reportLog').css("display","none");

场景：

div中有三个子div元素,它们具有Css类“repeaterRecord”.子div具有css类 – repeaterIdentifier,viewLogtitle和reportLog.

有两个这种结构的div(div有Css类“repeaterRecord”).

带有viewLog类的div如下所示.

<div class="viewLogtitle">
        <div class="viewLogText">
            View Report Log
        </div>
        <div>
            <img alt="Expand" src="Images/PlusIcon.GIF" class="expandLogIcon" />
            <img alt="Collapse" src="Images/MinusIcon.GIF" class="collapseLogIcon" />
        </div>
    </div>

单击collapseLogIcon图像时,我需要隐藏(仅)具有“reportLog”类的最近div(在“viewLogtitle”的同一级别).我们怎样才能使用jQuery呢？

更新的工作示例：

http://jsfiddle.net/Lijo/L9w4F/11/和
http://jsfiddle.net/Lijo/L9w4F/8/和
http://jsfiddle.net/Lijo/L9w4F/12/

参考：

> Efficient,concise way to find next matching sibling?
> jquery select siblings ‘until’

$(this).closest('.viewLogText').siblings('.reportLog').hide()