如何通过单击链接然后更改源来显示ul列表？

Question

我正在制作一个页面，其中我有三个类别列表，我想使用jQuery在用户单击父列表项时显示单个列表的子项。看截图（点击男人显示下面的项目）。

现在加载页面时，父项目上没有链接href="#"。但是，当用户点击它并打开列表时，它应该将链接更改为“男性”类别。我做了一个jsfiddle来向你展示我现在拥有的东西。但是，使用下面的jquery，链接保持在"#"。

$("#cat-item25").click(function () {
    $("#child1").show('slow');
    $(this).attr('src', '/product-category/men/');
});

Here is the JSfiddle

Answer 1

您要更改错误的属性，需要使用href而不是src

$("#cat-item25").click(function(e) {
    e.preventDefault();
    $("#child1").show('slow');
    $(this).attr('href', '/product-category/men/');
});

示例：http://jsfiddle.net/P8RHv/2/

Answer 2

我认为您打算更改链接的href。 src属性适用于图片。

$("#cat-item25").click(function () {
    $("#child1").show('slow');
    $(this).attr('href', '/product-category/men/');
    return false;
});

return false;不会立即转到/product-category/men/。

这是一个有效的JSFiddle。