Question

我有一个问题

这是xhtml

<div id="main">
    <div id="category1">
        <div id="product1"></div>
        <div id="product2"></div>
        <div id="product3"></div>
    </div>

    <div id="category2">
        <div id="product4"></div>
        <div id="product5"></div>
        <div id="product6"></div>
    </div>

</div>

概念是：

默认＃container1显示在网站上
点击菜单“container2”＃container2淡入，＃container1淡出
我有一个二级菜单来选择产品..这是唯一可行的方法。

productX绝对位于容器X内，它们位于相关位置

脚本看起来很好，但产品div并没有消失！

这是脚本

function controlCategory(a) {
   $("#category1").fadeOut();
                        $("#category2").fadeOut();
   $(a).fadeIn();
 }



     $(function () {

  $("#anchor1").click(function(event) {
   event.preventDefault();
   controlCSS(this);
   controlCategory("#category1");
  });

           $("#anchor2").click(function(event) {
   event.preventDefault();
   controlCSS(this);
   controlCategory("#category2");
  });

 });

有人知道为什么类别div不会淡出????

提前感谢！

Answer 1

更新更新的问题：您发布的代码有效，尽管淡出效果有点小问题you can test it here。在之外你的问题（可能隐藏了父母？）正在干扰这里。

上一个回答：你的ID不匹配，你的选择器有#category1但你的元素有id="container1"，所以你的jQuery选择器没有找到任何元素。只需改变任何一方，以便匹配。

Answer 2

是html代码的javascript代码吗？在html中你有containerX id，你的javascript有类别ID。

绝对div不会淡出

2 个答案: