javascript - 如何通过ID仅在列表项中隐藏图像？

我有一个清单项目：

<li id="optionCarousel" onclick="toggleTick(this)"><a><img class="tick" id="optionCarousel_Tick" src="/images/tick.png">Carousel</a></li>

当我调用我的方法时：

function toggleTick(element) {
    var elementText = element.id += "_Tick";
    var tickElement = $g(elementText);


    if (tickElement != null) {
        if (tickElement.style.visibility == "visible") {
            tickElement.style.visibility = "hidden";
        }
        else {
            tickElement.style.visibility = "hidden";
        }
    }
}

它隐藏了整个列表项，而不仅仅是我传递的图像。关于只能隐藏图像的任何想法？

小提琴HERE

最佳答案

尝试

function toggleTick(element) {
    var elementText = element.id += "_Tick";
    var tickElement = $g(elementText);
    tickElement.toggle()
}