Javascript 使用手风琴菜单进行图像显示

我有这样的菜单：

<ul class="leve1">
    <li>
        <div class="some">
            <a href="images/image1.jpg">image1</a>
            <a href="images/image2.jpg">image2</a>
            <a href="images/image3.jpg">image3</a>
            ...
        </div>
    </li>
    ...
</ul>

...

...

我在html的另一个位置也有一个div

<div id="dest"></div>

我想点击链接，使图像出现在div中

$(document).ready(function () {
    $("div.some a").click(function (event) {
        event.preventDefault();
        $("div#dest").html($("<img>").attr("src", this.href).fadeIn(1000));
    });
});

$（文档）.ready（函数（）{
$（“部分a”）。单击（函数（事件）{
event.preventDefault（）；
$（$）
但它什么也没做，div还是空的

我搜索了这些论坛，但找不到合适的答案

更新

我也有一些JavaScript让上面的菜单成为一个。这些图片（隐藏、显示和切换-它们中的一组）是否会与这个代码冲突？？？
 在添加图像之后，你的调用FADEIN：如果图像花费太多的时间来加载呢？它会在淡入淡出或淡出结束后显示：

您可以在图像上使用加载处理程序，请参见此fiddle:

在旁注中，它还可以帮助查看图像是否实际加载。
但更简单的是，你的控制台怎么说？图像添加到DOM中了吗？
正在运行中…将查找问题的根源…减少一个头痛的问题：谢谢你的控制台怎么说？有错误吗
var img = new Image();
img.onload = loaded;
img.src = url;

function loaded() { // load handler }