jquery method Implementation level two Drop-down menu

<!DOCTYPE HTML><HTMLLang= "en"><Head>    <MetaCharSet= "UTF-8">    <Scriptsrc= "jquery-3.2.1.js"type= "text/javascript"></Script>    <Scriptsrc= "level two menu. js"type= "text/javascript"></Script>    <Linkrel= "stylesheet"href= "blog%20css.css"type= "text/css"/>    <title>Second Level menu</title></Head><Body>        <DivID= "nav">            <ul>                <Liclass= "one"><ahref="#">Home</a>                </Li>                <Liclass= "one"><ahref="#">New Essays</a>                    <ul>                        <Li><ahref="#">Secondary Menu Level Two menu</a></Li>                        <Li><ahref="#">Second Level menu</a></Li>                        <Li><ahref="#">Second Level menu</a></Li>                    </ul>                </Li>                <Liclass= "one"><ahref="#">Message</a>                    <ul>                        <Li><ahref="#">Secondary Menu Level Two menu</a></Li>                        <Li><ahref="#">Second Level menu</a></Li>                        <Li><ahref="#">Second Level menu</a></Li>                    </ul>                </Li></ul></Div></Div></Body></HTML>

$ (function  () {    $ (". one"). mouseover (function  () {        $ (this). Children ("ul"). show ();    })    $ (". one"). mouseout (function  () {        $ (this). children ("ul"). hide ();    })}) 

An issue where show () and hide () increment time parameters cause flicker are not resolved.

jquery method Implementation level two Drop-down menu