0

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

当您单击站点底部的时，我希望它能够像www.nicolaspopupshop.com上的那样运行。"Partners"

我整天都在尝试这样做，我只是对它的工作原理感到困惑。

我很擅长 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; }

我试图将我拥有的内容放入 body 标签中，但无法正确显示。

4

2 回答 2

0

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

$(document).ready(function() {
    $("#Partners").bind('click', function() {
      $("#your_div").slideToggle(); //your_div is the id of the div with display none
    })
});
于 2012-09-18T05:08:57.850 回答
0 
$(document).ready(function() {
    var $list = $("#your-ul");
    $("#your-toggle-link").bind('click', function() {
       $list.slideToggle();
    })
});
于 2012-09-18T05:02:40.203 回答