Javascript jquery隐藏正在隐藏子菜单内容_Javascript_Jquery_Html_Css

Javascript jquery隐藏正在隐藏子菜单内容

javascript jquery html css

Javascript jquery隐藏正在隐藏子菜单内容,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试创建一个html文档，它包含大量内容，有点像在线手册。我希望所有的内容都可以通过向下滚动网页来查看。我还想有一个菜单与网页上的部分列表的子菜单，用户可以点击快速浏览网页。我目前看到一个问题，就是我的jquery代码在我将鼠标悬停在菜单上之前隐藏了列表下面的所有内容` <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

我正在尝试创建一个html文档，它包含大量内容，有点像在线手册。我希望所有的内容都可以通过向下滚动网页来查看。我还想有一个菜单与网页上的部分列表的子菜单，用户可以点击快速浏览网页。我目前看到一个问题，就是我的jquery代码在我将鼠标悬停在菜单上之前隐藏了列表下面的所有内容`

<!DOCTYPE html>
 <html>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simple jQuery Dropdown Menu | Finished Article</title>

<style type="text/css">

/*style the main menu*/
.myMenu {
    margin:0;
    padding:0;
}

.myMenu li {
    list-style:none;
    float:left;
    font:12px Arial, Helvetica, sans-serif #111;
}

.myMenu li a:link, .myMenu li a:visited {
    display:block;
    text-decoration:none;
    background-color:#09F;
    padding: 0.5em 2em;
    margin:0;
    border-right: 1px solid #fff;
    color:#111;
}

.myMenu li a:hover {
    background-color:#0CF;  
}

/*style the sub menu*/
.myMenu li ul {
    position:absolute;
    visibility:hidden;
    border-top:1px solid #fff;
    margin:0;
    padding:10;
}

.myMenu li ul li {
    display:inline;
    float:none;
}

.myMenu li ul li a:link, .myMenu li ul li a:visited {
    background-color:#09F;
    width:200px;
}

.myMenu li ul li a:hover {
    background-color:#0CF;  
}

</style>

<script type="text/javascript" src="jquery-1.11.0.js"></script>
<script type="text/javascript">
$("#list,#list ul li,#list ul li a").hover(function(){
    $("#text").children().show();
});
$(document).ready(function() {
        $('.myMenu > li').bind('mouseover', openSubMenu);
        $('.myMenu > li').bind('mouseout', closeSubMenu);

        function openSubMenu() {
            $(this).find('ul').css('visibility', 'visible');
        };

        function closeSubMenu() {
            $(this).find('ul').css('visibility', 'hidden');         
        };

});
</script>

</head>
 <body>
 <h1>Pps1:Pps1.Generic.G5</h1>
 <p><a href='#ProcDesc'>ProcedureDescription</a></p>
 <ul class="myMenu">
    <li id="list"><a href="#ProcDesc">Procedure Descriptions</a>
        <ul>
            <li><a href='#Pps1BpTS.TSC'>Pps1BpTS.TSC</a></li>
            <li><a href='#Pps1ContCheck.TSC'>Pps1ContCheck.TSC</a></li>
            <li><a href='#Pps1ErrorText.TSC'>Pps1ErrorText.TSC</a></li>
            <li><a href='#Pps1Exit.TSC'>Pps1Exit.TSC</a></li>
            <li><a href='#Pps1ForceStandby.TSC'>Pps1ForceStandby.TSC</a></li>
            <li><a href='#Pps1Greet.TSC'>Pps1Greet.TSC</a></li>
            <li><a href='#Pps1HWGains.TSC'>Pps1HWGains.TSC</a></li>
            <li><a href='#Pps1Init.TSC'>Pps1Init.TSC</a></li>
            <li><a href='#Pps1LimitActionEStop.TSC'>Pps1LimitActionEStop.TSC</a></li>
        <ul>
    </li>
</ul>
 <h2>Module Description</h2>
 <p>AeroViroment Cycler Generic Module2.3.1, </p>
 <p></p>
 <p>Communication Type: CAN (MS) via CANNeo driver</p>
 <p>Supported Equipment: AV cyclers:AV900, ABC1000, ABC170, ABC150, and MT30</p>
 <p></p>
 <p>It is currently configured to handle Channel A or Channel B on the two channel Cyclers, this is controlled via numPps1Channel which can be set prior to boot up in the Pps1.ini file. This module was made to work as a Cycler Driver in a BcTS/BpTS application. </p>
 <p></p>
 <p>Revision History:</p>
 <p></p>
 <p>2009Jan5, csierra@aanddtech.com, Initial Release for POC testing2.3.2  </p>
 <p>2010Feb5, jdajos@aanddtech.com, fixed init error if test is stopped early and restarted from the beginning.  Pps1Stop.tsc, line 46 added2.3.2  </p>
 <p>2010Feb17, jhaigh@aanddtech.com, added a while loop to all limit action procedures to accommodate local fault log.  If you receive a buld error due to a missing channel flgsyscallout add it to the sys.fil2.3.2</p>
 <p>2010Mar23, daniel.h.vancleve@gm.com, Updated limit action procedures and default/running limits2.3.3</p>
 <p>2010Jun04, abilliau, added chamber safety procedure to all limit action.</p>
 <p>13Sept2010, JHaigh, Added flgPps1SPControl.  When set to 0 and the setpoint goes above or below the cycler high or low imits the iTest runs a sysstop.  When set to 1 and the setpoint goes above or below the high or low limits the setpoint is trimmed to match the limits.  When set to 2 and the setpoint exceeds the limits the setpoint is ignored</p>
 <p>20Sep2010 MBarker, Upped wait for CAN comm timer in Pps1Init to 50 seconds from 30 seconds (which wasnt enough for some cyclers, see Redmine issue #212)</p>
 <p>13March2014, WLowe, Add Pps1BpTS procedure to provide seamless integration into a BpTS Application.</p>

 <h2><a id='ProcDesc'> Procedure Descriptions</a></h2>

 </body>
 </html>
 <h3><a id='Pps1BpTS.TSC'>Pps1BpTS.TSC</h3>
 <blockquote>
 <h4>Procedure Description</h4>
 <p> This procedure is used as a shell to allow the AV module to support BcTS commands
 Pps1BpTS is called from Pps1Init procedure and will run in the background with a loop delay
 of valSysScanPeriod. The AV Modes are defined with the module channel numPps1ModeOut.
 0 = Voltage
 1 = Current
 2 = Power
 3 = Standby
</p>
 <h4>Argument Description</h4>
 <p> None</p>
 <h4>Return Description</h4>
 <p> None

</p>
 </blockquote>
 <h3><a id='Pps1ContCheck.TSC'>Pps1ContCheck.TSC</h3>
 <blockquote>
 <h4>Procedure Description</h4>
 <p> This procedure is used to make sure the AV Cycler has not entered into a fault
 mode. If it enters into a fault condition then flgPps1PackErr is set. I believe 
 flgPps1PackErr has active limits that will cause a fault condition that will shut down the cycler
</p>
 <h4>Argument Description</h4>
 <p> None</p>
 <h4>Return Description</h4>
 <p> None

</p>
 </blockquote>
 <h3><a id='Pps1ErrorText.TSC'>Pps1ErrorText.TSC</h3>
 <blockquote>
 <h4>Procedure Description</h4>
 <p> This procedure is called by Pps1ContCheck and is used to determine what the 
 current problem ID value means and set it to the Packet Error virtual string channel
</p>
 <h4>Argument Description</h4>
 <p> None</p>
 <h4>Return Description</h4>
 <p> None


简单jQuery下拉菜单|完成文章
/*设置主菜单的样式*/
.我的菜单{
保证金：0；
填充：0；
}
李先生{
列表样式：无；
浮动：左；
字体：12px Arial，Helvetica，无衬线111；
}
.myMenu li a:链接.myMenu li a:已访问{
显示：块；
文字装饰：无；
背景色：#09F；
填充物：0.5em2em；
保证金：0；
右边框：1px实心#fff；
颜色：#111；
}
.我的菜单李a:悬停{
背景色：#0CF；
}
/*设置子菜单的样式*/
我的菜单{
位置：绝对位置；
可见性：隐藏；
边框顶部：1px实心#fff；
保证金：0；
填充：10；
}
.myMenu li ul li{
显示：内联；
浮动：无；
}
.myMenu li ul li a:链接，.myMenu li ul li a:已访问{
背景色：#09F；
宽度：200px；
}
.myMenu li ul li a:悬停{
背景色：#0CF；
}
$（“#list，#list ul li，#list ul li a”）。悬停（函数（）{
$（“#文本”）.children（）.show（）；
});
$（文档）.ready（函数（）{
$（'.myMenu>li'）.bind（'mouseover'，openSubMenu）；
$（'.myMenu>li'）.bind（'mouseout'，closeSubMenu）；
函数openSubMenu（）{
$（this.find（'ul'）.css（'visibility'，'visible'）；
};
函数关闭子菜单（）{
$（this.find（'ul'）.css（'visibility'，'hidden'）；
};
});
Pps1:Pps1.Generic.G5
















模块描述
AeroViroment循环器通用模块2.3.1

通信类型：通过CANNeo驱动器的CAN（MS）
支持设备：AV循环器：AV900、ABC1000、ABC170、ABC150和MT30

它当前配置为在两个通道循环器上处理通道A或通道B，这是通过NUMPPS1通道控制的，该通道可在Pps1.ini文件中启动之前设置。该模块用作BcTS/BpTS应用程序中的自行车驱动程序

修订历史：

2009年1月5日，csierra@aanddtech.com，POC测试的初始版本2.3.2
2010年2月5日，jdajos@aanddtech.com，修复了测试提前停止并从头重新启动时的初始化错误。Pps1Stop.tsc，第46行增补2.3.2
2010年2月17日，jhaigh@aanddtech.com，在所有限制动作程序中添加了一个while循环，以适应本地故障日志。如果由于缺少通道flgsyscallout而收到buld错误，请将其添加到系统fil2.3.2中
2010年3月23日，丹尼尔·h。vancleve@gm.com，更新了限制措施程序和默认/运行限制2.3.3
2010年6月4日，Abiliau，在所有限位动作中增加了腔室安全程序
2010年9月13日，JHaigh增加了FLGPPS1SP控制。当设置为0且设定点高于或低于循环器上限或下限时，iTest运行系统停止。当设置为1且设定点高于或低于上限或下限时，将对设定点进行微调，以匹配限值。当设置为2且设定点超过限值时，将忽略设定点
20Sep2010 MBarker，将PPS1单元中的CAN通信定时器等待时间从30秒提高到50秒（对于一些自行车手来说，这还不够，请参阅Redmine问题#212）
2014年3月13日，WLowe，添加Pps1BpTS程序，以便无缝集成到BpTS应用程序中
程序说明
Pps1BpTS.TSC
程序说明
此程序用作外壳，以允许AV模块支持BcTS命令
Pps1BpTS从Pps1Init过程调用，并将在后台以循环延迟运行
瓦西里斯扫描时期。AV模式由模块通道numPps1ModeOut定义。
0=电压
1=电流
2=功率
3=备用

参数描述
没有
返回说明
没有

Pps1ContCheck.TSC
程序说明
本程序用于确保AV循环器未进入故障状态
模式如果进入故障状态，则设置flgPps1PackErr。我相信
flgPps1PackErr具有激活限值，该限值将导致故障，从而关闭循环器

参数描述
没有
返回说明
没有

Pps1ErrorText.TSC
程序说明
此过程由Pps1ContCheck调用，用于确定
当前问题ID值表示并将其设置为数据包错误虚拟字符串通道

参数描述
没有
返回说明
没有

如果您尝试运行此功能，您将看到菜单显示在顶部，但在您将鼠标悬停在菜单上之前，列表下方的信息不会显示。我做错了什么

第行的打字错误：

    <li><a href='#Pps1LimitActionEStop.TSC'>Pps1LimitActionEStop.TSC</a></li>
<ul>

它应该是

（结束标记）

看看这个：

你正在关闭你的

标签，之后还有更多的html代码

发行行：

<li id="list"><a href="#ProcDesc">Procedure Descriptions</a>
        <ul>
            <li><a href='#Pps1BpTS.TSC'>Pps1BpTS.TSC</a></li>
            <li><a href='#Pps1ContCheck.TSC'>Pps1ContCheck.TSC</a></li>
            <li><a href='#Pps1ErrorText.TSC'>Pps1ErrorText.TSC</a></li>
            <li><a href='#Pps1Exit.TSC'>Pps1Exit.TSC</a></li>
            <li><a href='#Pps1ForceStandby.TSC'>Pps1ForceStandby.TSC</a></li>
            <li><a href='#Pps1Greet.TSC'>Pps1Greet.TSC</a></li>
            <li><a href='#Pps1HWGains.TSC'>Pps1HWGains.TSC</a></li>
            <li><a href='#Pps1Init.TSC'>Pps1Init.TSC</a></li>
            <li><a href='#Pps1LimitActionEStop.TSC'>Pps1LimitActionEStop.TSC</a></li>
        <ul>
    </li>

您的保险单未正确关闭

<h2><a id='ProcDesc'> Procedure Descriptions</a></h2>

 </body>
 </html>
 <h3><a id='Pps1BpTS.TSC'>Pps1BpTS.TSC</h3>

过程描述
Pps1BpTS.TSC

正文和html标记被关闭，后面跟着更多的html