Question

这是我想要做的事情：

使用子导航或子页面创建导航。
当用户点击about时，我想要切换Bob li。
单击或关闭时，它应向下滑动并向上滑动。

＆＃13;

"use strict";
var webcrypto = new Object();

webcrypto.generateKeyPair = function ()
{
 var result = {};

window.crypto.subtle.generateKey(
    {
        name: "RSASSA-PKCS1-v1_5",
        modulusLength: 2048, //can be 1024, 2048, or 4096
        publicExponent: new Uint8Array([0x01, 0x00, 0x01]),
        hash: {name: "SHA-256"}, //can be "SHA-1", "SHA-256", "SHA-384", or "SHA-512"
    },
    true, //whether the key is extractable (i.e. can be used in exportKey)
    ["sign", "verify"] //can be any combination of "sign" and "verify"
)
.then(function(key){
    //returns a keypair object
    console.log(key);
    console.log(key.publicKey);
    console.log(key.privateKey);
result[0] = key.publicKey;
result[1] = key.privateKey;
})
.catch(function(err){
    console.error(err);
});
    return result;
};

＆＃13;

$(document).ready(function() {
  $("#grab").click(function() {
    $(".sub-nav").slideToggle();
  });
});

＆＃13;

Answer 1

你的HTML错误，你有一个标签，然后抓住id="#grab"它应该是id="grab"默认情况下，li会显示“Bob”以解决此问题，将display:none;添加到ul通过类或内联

$(document).ready(function() {
  $("#grab").click(function() {
    $(".sub-nav").stop().slideToggle();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <ul class="nav">
  <li id="grab">About
   <ul style="display:none" class="sub-nav">
    <li >Bob</li>
   </ul>
  </li>
 <li>Contact</li>
 <li>Faqs</li>
</ul>

Answer 2

在#是用来参考ID，在标签中加入你＆＃39;再塞汀的ID为#grab，并在您的jquery你＆＃39;重新设定.click()事件到班级grab。然后，您需要将<li> ID更改为grab：

<li id="grab">

您可以将display: none添加到<ul>。这样，当页面加载时，sub-nav开始隐藏：

您可以在标签上设置：

<ul class="sub-nav" style="display: none;">

或者在你的css中：

.sub-nav{
  display: none;
}

使子导航滑动和滑动切换

2 个答案: