Question

https://dl.dropboxusercontent.com/u/12360312/new_nav.html

我有一个多级导航栏。现在一切都是通过CSS完成的。

我希望通过点击或点击它们来通过JQuery实现下拉。

我正在使用像这样的JQuery切换功能

<script>
    $(document).ready(function () {
        $("ul").click(function () {
            $(".dropdown").toggle();
        });
    });
</script>

这使得第一级下载工作与JQuery。现在我如何才能在第二级下拉列表中发生同样的事情？

我是JQuery的新手。那么我所写的......技术上是否正确？

请参阅链接的源代码以了解我的CSS和HTML：）

谢谢

这是HTML和CSS

<html lang="en">

<head>
<meta charset="utf-8">
<title>Show Hide Dropdown Using CSS</title>
<style type="text/css">
ul{
    padding: 0;
    list-style: none;
    background: #f2f2f2;
}
ul li{
    display: inline-block;
    position: relative;
    line-height: 21px;
    text-align: left;
}
ul li a{
    display: block;
    padding: 8px 25px;
    color: #333;
    text-decoration: none;
}
ul li a:hover{
    color: #fff;
    background: #939393;
}
ul li ul.dropdown{
    min-width: 125px; 
    background: #f2f2f2;
    display: none;
    position: absolute;
    z-index: 999;
    left: 0;
}
ul li:hover ul.dropdown{
    display: block;
}
ul li ul.dropdown li{
    display: block;
    border:1px solid #333;
}

ul li ul li ul.dropdown2 {
    left: 125px;
    top:0;
    display: none;
}
ul li ul li:hover ul.dropdown2 {
    position: absolute;
    left: 124px;
    top:0;
    display:block;
}  
</style>


</head>
<body>
<ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li>
        <a href="#">Products &#9662;</a>
        <ul class="dropdown">
            <li><a href="#">Laptops &#9662;</a>
                    <ul class="dropdown2">
                            <li><a href="#">Dell</a></li>
                            <li><a href="#">Sony</a></li>
                    </ul>
            </li>
           <li><a href="#">Monitors</a></li>
            <li><a href="#">Printers</a></li>
        </ul>
    </li>
    <li><a href="#">Contact</a></li>
</ul>
<p>Lorem ipsum dolor sit amet,</p>
</body>
</html>

Answer 1

试试这个：

foreach (my $i = 0; $i < "Number of Arrays"; ++$i) { 
  my $sum = 0;

  for (my $j = 0; $j < "Size of Array"; ++$j) { 
    my $value = $array->[$i]->[$j];
    $sum += $value;
  }

  my $average = $sum / "Size of Array"; 
}

http://codepen.io/anon/pen/aOXQvK

Jquery选择两个不同类的ul

1 个答案: