class Субкатегории

Автор Сообщение

Rustam1989

#1/27.06.2015 07:06
0

Пользователи

Карма: +2

Всю ночь искал на форуме, но так и не нашел ответа. Хочу сделать меню аккордеон

Как поставить субкатегории класс="nav nav-list"   , вот мой код js:

1.     $(document).ready(function () {
2.         $(".sub > a").click(function() {
3.             var ul = $(this).next(),
4.                    clone = ul.clone().css({"height":"auto"}).appendTo(".accorderon"),
5.                    height = ul.css("height") === "0px" ? ul[0].scrollHeight + "px" : "0px";
6.                    clone.remove();
7.                    ul.animate({"height":height});
8.                    return false;
9.         });
10.           $('.accorderon > ul > li > a').click(function(){
11.           $('.sub a').removeClass('active');
12.          $(this).addClass('active');
13.        }),
14.           $('.sub ul li a').click(function(){
15.           $('.sub ul li a').removeClass('active');
16.           $(this).addClass('active');
17.        });
18.    });

HTML:

1.   <div class="accorderon">
2.      <ul<!-- IF {CAT_LEVEL} == 1 --> id="ucats_tree" class="nav nav-list"<!-- ENDIF -->>
3.           <!-- IF {CAT_LEVEL} == 1 -->
4.              <li><a href="{CAT_URL}">{PHP.L.All}</a></li>        
5.           <!-- ENDIF -->
6.           <!-- BEGIN: CAT_ROW -->
7.              <li class="sub"<!-- IF {CAT_ROW_SELECTED} --> class="active"<!-- ENDIF -->><a href="{CAT_ROW_URL}">{CAT_ROW_TITLE} ({CAT_ROW_COUNT})</a>
8.           <!-- IF {CAT_ROW_SUBCAT} -->
9.              {CAT_ROW_SUBCAT}
10.          <!-- ENDIF -->
11.          </li>
12.          <!-- END: CAT_ROW -->
13.          </ul>
14.          </div>

 

Сообщения: 61

Rustam1989

#2/28.06.2015 02:07
0

Пользователи

Карма: +2

Неужели никто не знает?

Сообщения: 61

Marginal

Александр
#3/28.06.2015 13:20
0

Пользователи

Карма: +41

<!-- IF {CAT_ROW_SUBCAT} -->
<div class="nav nav-list">
    {CAT_ROW_SUBCAT}
</div>
<!-- ENDIF -->

Рустам так попробуй.

Сообщения: 187

yarabotane

Victor
#4/28.06.2015 13:37
0

Пользователи

Карма: +93

 <!-- IF{CAT_ROW_SUBCAT}-->
	<ul class="nav nav-list">
 {CAT_ROW_SUBCAT}
    </ul>
	<!-- ENDIF -->

Может так,... на форуме есть тема поищите лучше, там помоему уже готовое решение,

Сообщения: 336

Rustam1989

#5/28.06.2015 13:49
0

Пользователи

Карма: +2

Оба варианта не подходят)

Нашел такое решение, необходимо добавить следующую строку:

<li <!-- IF {CAT_LEVEL} == 0 --> class="nav nav-list"<!-- ENDIF -->

Выглядит примерно так:

<!-- BEGIN: CAT_ROW -->
    <li <!-- IF {CAT_LEVEL} == 0 --> class="nav nav-list"<!-- ENDIF --> class="sub"<!-- IF {CAT_ROW_SELECTED} --> class="active"<!-- ENDIF -->><a href="{CAT_ROW_URL}">{CAT_ROW_TITLE}</a>
        <!-- IF {CAT_ROW_SUBCAT} --> 
        {CAT_ROW_SUBCAT}
        <!-- ENDIF -->
    </li>
    <!-- END: CAT_ROW -->

Добавлено 17 секунд спустя:

Всем спасибо за участие)

Добавлено 14 минут спустя:

Хотя нет, такой варинат тоже не исправен) Буду дальше мучаться)

Сообщения: 61

Rustam1989

#6/29.06.2015 11:45
+1

Пользователи

Карма: +2

Всем привет, нашел один вариант, по крайней мере мне он подошел.

1.   <div class="accorderon">
2.      <ul<!-- IF {CAT_LEVEL} == 1 --> id="ucats_tree" class="nav nav-list"<!-- ENDIF -->>
3.           <!-- IF {CAT_LEVEL} == 1 -->
4.              <li><a href="{CAT_URL}">{PHP.L.All}</a></li>        
5.           <!-- ENDIF -->
6.           <!-- BEGIN: CAT_ROW -->
7.              <li <!-- IF {CAT_ROW_SUBCAT} --> class="sub" <!-- ENDIF --> <!-- IF {CAT_ROW_SELECTED} --> class="active" <!-- IF {CAT_ROW_SUBCAT} --> style="color:orange"<!--ENDIF --><!-- ENDIF -->><a href="{CAT_ROW_URL}">{CAT_ROW_TITLE}</a>
8.           <!-- IF {CAT_ROW_SUBCAT} -->
9.              {CAT_ROW_SUBCAT}
10.          <!-- ENDIF -->
11.          </li>
12.          <!-- END: CAT_ROW -->
13.          </ul>
14.          </div>
Сообщения: 61