0

Webサイトの表示/非表示メニューが必要です。

サイトの下部をクリックすると、 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として設定します。PartnersリンクのIDはPar​​tnersであると想定します。次に、以下のコードを記述します。

$(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 に答える