如何通过单击jquery链接切换隐藏的ul

我用php动态创建了以下代码

我想做的是，当我使用desc76的href单击class='toggle'时，我想显示id为desc76的ul

我还想将arrowdown16.png更改为arrowup16.png

然后，当我点击它时，ul将淡出或再次隐藏

类，secondul具有CSS显示：hidden

我试过这个，但不起作用

 $(".toggle").click(function () {
    event.preventDefault();
    var id = "#"+$(this).attr('href')
     $("id").show("slow");
    });

HTML:

...
...

显示细节



规格详情0



显示细节



规格详情0


... 这里有更多
...

图像更新：

$(".toggle").live('click', function () {
    event.preventDefault();
    var id = "#"+$(this).attr('href');
    // change image of the next element
    $(this).next('img').attr('src', 'path here');
    $("id").show("slow");
});

注意：如果要通过单击同一元素来显示/隐藏元素，则需要使用

slideToggle

而不是

show

。或者您可以使用

animate

方法和

opacity:“toggle”

进行淡入淡出切换效果

您需要对动态生成的元素使用以下方法：

$(".toggle").live('click', function () {
    event.preventDefault();
    var id = "#"+$(this).attr('href');
    $("id").show("slow");
});

---

谢谢我刚刚更新了我的帖子。实际上，我想切换显示、隐藏和更改图像。谢谢你的帮助。我不认为他的意思像AJAX那样。他只是说内容是用PHP制作的。不是一个静态的HTML页面。live不会有帮助。+1对于用可行的解决方案解密问题的勇敢尝试=）是的，内容是由php而不是ajax创建的。@Stefanvds:无论哪种方式，

live

都会起作用。我只是发了个帖子以防万一：）

$(".toggle").live('click', function () {
    event.preventDefault();
    var id = "#"+$(this).attr('href');
    $("id").show("slow");
});