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

dimapriv · February 2, 2013

Здравствуйте, есть многоуровневое меню на 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 February 2, 2013 by dimapriv

USF · February 2, 2013

залейте код куда-нибудь

jsfiddle тот же

dimapriv · February 2, 2013

http://vkpass.16mb.com/stroy/

Sign In

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

Question

dimapriv

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

USF

Link to comment

Share on other sites

dimapriv

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information