Question

我想为我的网站显示/隐藏菜单。

当您点击网站底部的"Partners"时，我希望它的功能与www.nicolaspopupshop.com上的功能类似。

我整天试着这样做，我对它的运作方式感到困惑。

我对HTML非常好但是一旦javascript开始发挥我就无能为力了。我想这对专家来说是一个令人讨厌的问题，但如果有人可以帮助我的话，这对我来说意味着世界。

谢谢！

以下是我在样式标签中的内容：



#footer .bottom #partners_trigger {
      cursor: pointer;
      margin-left: 170px; }
    #footer .bottom #partner_list {
      width: 320px;}
    #footer .bottom #partner_list ul {
      position: fixed;
      text-align:center;
      font-size:11px;
      text-transform: uppercase;
      bottom: 40px;
      left: 50%;
      width: 320px;
      margin: 0 0 0 -160px;
      background: #FA9313;
      background: rgba(250, 147, 19, 0.85);
      padding: 10px 0;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      z-index: 300;
      line-height: 18px;
      display: none; }
      #footer .bottom #partner_list ul a {
        color: white; 
        font-family: Arial, Helvetica;}
      #footer .bottom #partner_list ul a:hover {
        color: #e9118c; }
      #footer .bottom #partner_list ul.active {
        display: block; }

我试图把我身上的东西放在身体标签上，但是我无法正常显示它。

Answer 1

$(document).ready(function() {
    var $list = $("#your-ul");
    $("#your-toggle-link").bind('click', function() {
       $list.slideToggle();
    })
});

Answer 2

首先创建一个div并将其样式设置为display：none。我假设您的合作伙伴链接有一个ID合作伙伴然后写下面的代码

$(document).ready(function() {
    $("#Partners").bind('click', function() {
      $("#your_div").slideToggle(); //your_div is the id of the div with display none
    })
});

显示/隐藏jQuery菜单

2 个答案: