Jump to content
  • 0

не расскрывается меню

dimapriv

Asked by dimapriv,

 Share

Question

dimapriv Explorer

dimapriv

Posted
Posted (edited)

Здравствуйте, есть многоуровневое меню на jquery, вот код.


$(document).ready(function(){
$("ul li ul li ul").hide();
$("ul li ul li").height(35);
$("ul li ul li a").click(function(){
$(this).next("ul").slideToggle();

});
});


<ul>
<li id="execphp-2" class="widget widget_execphp"><h2 class="widgettitle">каталог</h2>
<div class="execphpwidget"><ul> <li class="cat-item cat-item-40"><a href="http://www.teplocomfort68.ru/katalog/santexnika/">Сантехника</a>
<ul class="children">
<li class="cat-item cat-item-41"><a href="http://www.teplocomfort68.ru/katalog/santexnika/akrilovye-vanny/">Акриловые ванны</a>
</li>
<li class="cat-item cat-item-42"><a href="http://www.teplocomfort68.ru/katalog/santexnika/dushevye-kabiny/">Душевые кабины</a>
</li>
<li class="cat-item cat-item-43"><a href="http://www.teplocomfort68.ru/katalog/santexnika/rakoviny/">Раковины</a>
</li>
<li class="cat-item cat-item-44"><a href="http://www.teplocomfort68.ru/katalog/santexnika/stalnye-vanny/">Стальные ванны</a>
<ul class="children">
<li class="cat-item cat-item-45"><a href="http://www.teplocomfort68.ru/katalog/santexnika/stalnye-vanny/ctalnye-vanny-white-wave/">Cтальные ванны White Wave</a>
</li>
<li class="cat-item cat-item-46"><a href="http://www.teplocomfort68.ru/katalog/santexnika/stalnye-vanny/vanny-kaldewei/">Ванны Kaldewei</a>
</li>
<li class="cat-item cat-item-47"><a href="http://www.teplocomfort68.ru/katalog/santexnika/stalnye-vanny/stalnye-vanny-blb/">Стальные ванны BLB</a>
</li>
<li class="cat-item cat-item-48"><a href="http://www.teplocomfort68.ru/katalog/santexnika/stalnye-vanny/stalnye-vanny-emalia/">Стальные ванны Emalia</a>
</li>
<li class="cat-item cat-item-49"><a href="http://www.teplocomfort68.ru/katalog/santexnika/stalnye-vanny/stalnye-vanny-roca/">Стальные ванны Roca</a>
</li>
<li class="cat-item cat-item-50"><a href="http://www.teplocomfort68.ru/katalog/santexnika/stalnye-vanny/stalnye-vanny-estap/">Стальные ванны Estap</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-51"><a href="http://www.teplocomfort68.ru/katalog/santexnika/unitazy/">Унитазы</a>
</li>
<li class="cat-item cat-item-52"><a href="http://www.teplocomfort68.ru/katalog/santexnika/smesiteli/">смесители</a>
</li>
<li class="cat-item cat-item-53"><a href="http://www.teplocomfort68.ru/katalog/santexnika/mebel-dlya-vannoj/">Мебель для ванной</a>
<ul class="children">
<li class="cat-item cat-item-115"><a href="http://www.teplocomfort68.ru/katalog/santexnika/mebel-dlya-vannoj/tumbs-pod-rakovinu/">Тумбы под раковину</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-54"><a href="http://www.teplocomfort68.ru/katalog/santexnika/polotencesushiteli/">полотенцесушители</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-55"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/">Все для водоснабжения</a>
<ul class="children">
<li class="cat-item cat-item-27"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/fitingi/">фитинги</a>
<ul class="children">
<li class="cat-item cat-item-22"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/fitingi/stalnye-fitingi/">стальные фитинги</a>
</li>
<li class="cat-item cat-item-31"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/fitingi/chugunnye-fitingi/">чугунные фитинги</a>
</li>
<li class="cat-item cat-item-63"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/fitingi/latunnye-nikelirovannye-sti/">латунные никелированные фитинги STI</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-56"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/obsadnaya-truba-dlya-skvazhin/">Обсадная труба для скважин</a>
</li>
<li class="cat-item cat-item-58"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/polipropilenovye-truby/">Полипропиленовые трубы</a>
</li>
<li class="cat-item cat-item-59"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/metalloplastikovye-truby-sti/">Металлопластиковые трубы STI</a>
</li>
<li class="cat-item cat-item-60"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/rezbovye-fitingi-sti-dlya-metalloplastikovyx-trub/">Резьбовые фитинги STI для металлопластиковых труб</a>
</li>
<li class="cat-item cat-item-61"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/press-fitingi-dlya-metalloplastikovyx-trub/">пресс-фитинги для металлопластиковых труб</a>
</li>
<li class="cat-item cat-item-62"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/mednye-truby-i-soedinitelnye-chasti/">медные трубы и соединительные части</a>
</li>
<li class="cat-item cat-item-64"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/trubnaya-zagotovka/">трубная заготовка</a>
</li>
<li class="cat-item cat-item-65"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/otvody-stalnye/">отводы стальные</a>
</li>
<li class="cat-item cat-item-66"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/flancy-stalnye/">фланцы стальные</a>
</li>
<li class="cat-item cat-item-67"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/perexody-stalnye/">переходы стальные</a>
</li>
<li class="cat-item cat-item-68"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/trojniki-stalnye/">тройники стальные</a>
</li>
<li class="cat-item cat-item-69"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zaglushki-stalnye-ellipticheskie/">заглушки стальные эллиптические</a>
</li>
<li class="cat-item cat-item-70"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/">запорная арматура</a>
<ul class="children">
<li class="cat-item cat-item-71"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/klapany-ventili-latunnye/">клапаны (вентили) латунные</a>
</li>
<li class="cat-item cat-item-72"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/klapany-ventili-chugunnye/">клапаны (вентили) чугунные</a>
</li>
<li class="cat-item cat-item-73"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/klapany-ventili-stalnye/">клапаны (вентили) стальные</a>
</li>
<li class="cat-item cat-item-74"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/krany-sharovye-stalnye/">краны шаровые стальные</a>
</li>
<li class="cat-item cat-item-75"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/krany-dlya-vody/">краны для воды</a>
</li>
<li class="cat-item cat-item-76"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/krany-dlya-gaza/">краны для газа</a>
</li>
<li class="cat-item cat-item-77"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/krany-sharovye-dlya-gaza/">краны шаровые для газа</a>
</li>
<li class="cat-item cat-item-78"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/krany-sharovye-sti-dlya-vody/">краны шаровые STI для воды</a>
</li>
<li class="cat-item cat-item-79"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/krany-sharovye-sti-professional/">краны шаровые STI «Professional»</a>
</li>
<li class="cat-item cat-item-80"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/krany-sharovye-sti-dlya-gaza/">краны шаровые STI для газа</a>
</li>
<li class="cat-item cat-item-81"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/klapany-obratnye-i-predoxranitelnye/">клапаны обратные и предохранительные</a>
</li>
<li class="cat-item cat-item-82"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/zadvizhki/">задвижки</a>
</li>
<li class="cat-item cat-item-83"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/filtry/">фильтры</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-84"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/gibkaya-podvodka/">гибкая подводка</a>
</li>
<li class="cat-item cat-item-85"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/sifony/">сифоны</a>
</li>
<li class="cat-item cat-item-92"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/metaloplastikovye-truby-biopipe/">Металопластиковые трубы BIOPIPE</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-86"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-teplosnabzheniya/">Все для теплоснабжения</a>
<ul class="children">
<li class="cat-item cat-item-87"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-teplosnabzheniya/radiatory/">Радиаторы отопления</a>
<ul class="children">
<li class="cat-item cat-item-30"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-teplosnabzheniya/radiatory/chugunnye-radiatory/">чугунные радиаторы</a>
</li>
<li class="cat-item cat-item-88"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-teplosnabzheniya/radiatory/alyuminievye-i-bimetallicheskie-radiatory-sti/">алюминиевые и биметаллические радиаторы STI</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-89"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-teplosnabzheniya/gazovye-protochnye-vodonagrevateli/">Газовые проточные водонагреватели</a>
</li>
<li class="cat-item cat-item-90"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-teplosnabzheniya/kotly-otopleniya/">Котлы отопления</a>
</li>
<li class="cat-item cat-item-91"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-teplosnabzheniya/elektricheskie-nakopitelnye-vodonagrevateli/">Электрические накопительные водонагреватели</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-93"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/">Стройматериалы</a>
<ul class="children">
<li class="cat-item cat-item-94"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/sendvich-paneli/">сэндвич-панели</a>
<ul class="children">
<li class="cat-item cat-item-95"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/sendvich-paneli/balextherm-st-sendvich-panel-s-otkrytym-zamkom/">BALEXTHERM ST сэндвич-панель с открытым замком</a>
</li>
<li class="cat-item cat-item-96"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/sendvich-paneli/balextherm-plus-sendvich-panel-so-skrytym-zamkom/">BALEXTHERM Plus сэндвич-панель со скрытым замком</a>
</li>
<li class="cat-item cat-item-97"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/sendvich-paneli/balextherm-ch-sendvich-panel-dlya-xolodilnyx-kamer/">BALEXTHERM CH сэндвич-панель для холодильных камер</a>
</li>
<li class="cat-item cat-item-98"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/sendvich-paneli/balextherm-d-krovelnaya-sendvich-panel/">BALEXTHERM D кровельная сэндвич-панель</a>
</li>
<li class="cat-item cat-item-99"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/sendvich-paneli/pws-stenovaya-sendvich-panel-s-napolnitelem-iz-polistirola/">PWS стеновая сэндвич-панель с наполнителем из полистирола</a>
</li>
<li class="cat-item cat-item-100"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/sendvich-paneli/pwd-krovelnaya-sendvich-panel-s-napolnitelem-iz-polistirola/">PWD кровельная сэндвич-панель с наполнителем из полистирола</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-101"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/teploizolyaciya/">теплоизоляция</a>
</li>
<li class="cat-item cat-item-102"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/metizy/">метизы</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-103"><a href="http://www.teplocomfort68.ru/katalog/truby-kanalizacionnye/">Трубы канализационные</a>
<ul class="children">
<li class="cat-item cat-item-104"><a href="http://www.teplocomfort68.ru/katalog/truby-kanalizacionnye/vnutrennyaya-kanalizaciya-sinikon/">Внутренняя канализация СИНИКОН</a>
</li>
<li class="cat-item cat-item-105"><a href="http://www.teplocomfort68.ru/katalog/truby-kanalizacionnye/naruzhnaya-kanalizaciya-sinikon-universal/">Наружная канализация — SINIKON Universal</a>
</li>
<li class="cat-item cat-item-106"><a href="http://www.teplocomfort68.ru/katalog/truby-kanalizacionnye/chugunnye-truby/">чугунные трубы</a>
</li>
<li class="cat-item cat-item-107"><a href="http://www.teplocomfort68.ru/katalog/truby-kanalizacionnye/polimernye-truby/">полимерные трубы</a>
</li>
</ul>
</li>
</ul>


#wrapper #container #contentwrap ul li {
//background-image: url(/images/i_header.png);
padding: 10px 0 10px 10px;
font-size: 16px;
line-height: 16px;
font-family: Arial, Helvetica, Sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #505050;


}
#wrapper #container #contentwrap ul {
background-image: url(images/m_back.png);
background-repeat: repeat-y;
cursor:pointer
}
#wrapper #container #contentwrap ul li ul{
background-image: none;
}
#wrapper #container #contentwrap ul li ul li{
background-image: url(images/i_header.png);
margin-left:-22px;
margin-top:-12px;
background-repeat: no-repeat;

}

#wrapper #container #contentwrap ul li ul li a{
color:white;
line-height:5px;
}
#wrapper #container #contentwrap ul li ul li ul li a:hover{
color:#
}
#wrapper #container #contentwrap ul li ul li ul li ul{
width:200px;
background-color:#fdfad5;
}
#wrapper #container #contentwrap ul li ul li ul li {
background-image:none;
margin-left:15px;
font-size: 13px;
padding: 10px 0 0 10px;
margin-top: 10px;
margin-left:0px;

}
#wrapper #container #contentwrap ul li ul li ul li ul li {
background-image:none;
width:200px;

}
#wrapper #container #contentwrap ul li ul li ul li ul li a{
border: none;
line-height: 15px;
}
#wrapper #container #contentwrap ul li ul li ul li a:hover {
background-image: url(images/arrow.png);
background-repeat: no-repeat;
background-position: left center;
}
#wrapper #container #contentwrap ul li ul li ul li a {
padding-left:15px;
}
#wrapper #container #contentwrap ul li ul li ul { margin-top:15px; }
#wrapper #container #contentwrap ul li ul li ul li a {
color:#61625f;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e8e8e8;
}

При открытии отображаются подпункты, но высота блока в 35px не убирается(её надо сделать auto, а при повторном клике, т.е. когда подпункты убираются, опять поставить 35px)

Как это сделать?

Edited by dimapriv
Link to comment
Share on other sites

2 answers to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept