Question

当您点击其中一个链接时，我尝试使用子类别向下滑动左侧导航。

我只是为顶级链接工作但其他人不工作。

在我的头文件中，我有一些像这样的jquery脚本：

<script> 
$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideToggle("slow");
  });
});
</script>

在我的HTML / PHP中我有这段代码：

    <div id="left-prod-nav">
        <ul>
            <li class="top">Product Categories</li>
            <?for($i = 0; $i < $count; $i++) 
            {?> 
            <div id="flip"><li><img src="images/arrowright_off.gif" style="padding:0px; margin:0px;float:right;"><a href="#"><?=$result[$i]['categoryName']?></a></li> </div>
            <div id="panel">Hello world!</div>
            <?}?>
        </ul>
        <div class="clear">&nbsp;</div>
    </div>

所以导航就在那里......当我点击顶部导航时，其他人向下滑动，这样你就可以看到我点击的那个子类别了。

然而，如果我点击任何其他任何事情都没有发生。

以前有人遇到过这个问题，或者知道如何解决这个问题吗？

由于

Answer 1

我可以假设你正在努力完成这样的事情：http://jsfiddle.net/QQRy8/

$(".flip").click(function(){
    $(this).next(".panel").slideToggle("slow");
});

我改变你的jQuery使用类，你应该改变你的PHP，给每个div一个类名而不是一个ID（ID必须是唯一的！）

这个答案基于这个HTML：

<div class="flip">
    <li>
        <a href="#">cool</a>
    </li> 
</div>

<div class="panel" style="display: none;">Hello world!</div>

slideToggle不适合我

1 个答案: