Многоуровневое меню

[data4032]

Верхнее многоуровневое меню на jQuery 3.1.1

скачал с сайта модуль 

 

во втором уровне, открывается третий при наведении 

 

так вот, один уровень открывается в сторону, другой вниз 

 

мне надо чтобы все вниз открывали 

 

в каком пункте надо исправить ? 

 

ниже спойлер 

 

#topmenu {

background: url("../image/osnova.jpg")no-repeat;

height: 36px;

margin-bottom: 10px;

        border-top: 2px solid #000000;

border-bottom: 2px solid #000000;

        border-left: 2px solid #000000;

        border-right: 2px solid #000000;

-webkit-border-radius: 30px 30px 30px 30px;

-moz-border-radius: 30px 30px 30px 30px;

-khtml-border-radius: 30px 30px 30px 30px;

border-radius: 10px;

padding: 0px 4px;

        -webkit-box-shadow: 5px 5px 5px #000000;

        -moz-border-shadow: 5px 5px 5px #000000;

-moz-box-shadow: 5px 5px 5px #000000;

        box-shadow: 5px 5px 5px #000000;

z-index: 6000;

        font-size: 16px;

        color: #ffffff;

        font-family: all nile;

}

 

#topmenu > ul > li + li {

padding: 0px;

        margin: 0px;

background: none;

z-index: 1000;

}

#topmenu > ul > li:hover,

#topmenu .topactive:hover,

#topmenu  > ul > li:hover .topactive {

background: none;

}

 

#topmenu li ul {

padding: 0px;

        margin: 1px;

}

#topmenu li ul ul{

padding-left: 0px;

        margin-left: 1px;

}

 

 

 

/*** ESSENTIAL STYLES ***/

 

 

.sf-menu, .sf-menu * {

margin: 0px;

padding: 0px;

list-style: none;

}

.sf-menu ul {

position: absolute;

top: -999em;

width: 15em; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

width: 100%;

}

.sf-menu li:hover {

visibility: inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

float: left;

position: relative;

}

.sf-menu a {

display: block;

position: relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

left: 0;

top: 2.5em; /* match top ul list item height */

z-index: 99;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

left: 15em; /* match ul width */

top: 0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

top: -999em;

z-index: 2000;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

left: 15em; /* match ul width */

top: 0;

}

 

/*** DEMO SKIN ***/

.sf-menu a {

padding: .75em 1em;

text-decoration:none;

}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

color: #ffffff;

}

.sf-menu li li,

.sf-menu li li li {

  background: url('../image/topmenutr.png');

border-bottom: 2px solid #000000;

border-right: 2px solid #000000;

-webkit-border-radius: 10px 10px 10px 10px;

-moz-border-radius: 10px 10px 10px 10px;

-khtml-border-radius: 10px 10px 10px 10px;

border-radius: 10px 10px 10px 10px;

}

.sf-menu ul li:hover, .sf-menu ul li.sfHover,

.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active {

background: url("../image/osnova.jpg")no-repeat;

-webkit-border-radius: 10px 10px 10px 10px;

-moz-border-radius: 10px 10px 10px 10px;

-khtml-border-radius: 10px 10px 10px 10px;

border-radius: 10px 10px 10px 10px;

}

#topmenu .parent {

background: url('../image/topmenuarrow.png') 95% center no-repeat;

-webkit-border-radius: 10px 10px 10px 10px;

-moz-border-radius: 10px 10px 10px 10px;

-khtml-border-radius: 10px 10px 10px 10px;

border-radius: 10px 10px 10px 10px;

}

#topmenu .active {

-webkit-border-radius: 10px 10px 10px 10px;

-moz-border-radius: 10px 10px 10px 10px;

-khtml-border-radius: 10px 10px 10px 10px;

border-radius: 10px 10px 10px 10px;

background-color: #000000;

}

#topmenu .activeparent {

background: url('../image/topmenuarrow.png') 95% center no-repeat;

-webkit-border-radius: 10px 10px 10px 10px;

-moz-border-radius: 10px 10px 10px 10px;

-khtml-border-radius: 10px 10px 10px 10px;

border-radius: 10px 10px 10px 10px;

background-color: #000000;

}

#topmenu .topactive {

background: none;

}

#topmenu .active:hover, #topmenu .activeparent:hover {

background-color: #000000;

}