调用并分离脚本中的两个元素

Question

我希望编写一个脚本，使用2种不同的按钮来完成相同的操作。

第一个是".gallery_close"，另一个是"#portfolio_holder li[id^="thumbnail_"]"。但问题是一切正常，但.click函数无法识别".gallery_close"。我使用幻灯片切换，这就是为什么我希望在一个脚本中完成它。

HTML：

<div id="portfolio_holder">
    <ul>
        <li id="thumbnail_1">thumbnail_1

        </li>
        <li id="gallery_1">
            <div class="gallery_close">x</div>
        </li>
        <li id="thumbnail_2">thumbnail_2

        </li>
        <li id="gallery_2">
            <div class="gallery_close">x</div>
        </li>
    </ul>
</div>

脚本：

$('#portfolio_holder li[id^="thumbnail_"],.gallery_close').click(function (e) {
    var uuid = this.id.slice(9),
        clicked = $(this).data('clicked'),
        gallery =  $("#"+"gallery" + uuid);
    if (clicked) {
        $(gallery).slideToggle();
    } else {
        $(gallery).slideToggle();
    }

    $(this).data('clicked', !clicked);
    e.stopPropagation();
});

谢谢你们！

http://jsfiddle.net/ULX8x/3/