динамический эффект переключения в jquery и в корзине cs

Question

динамический эффект переключения в jquery и в корзине cs

0

Привет, я использую cs cart, и я хочу сделать эффект переключения на категории динамически в tpl файле, предположим, что у меня есть более 100 категорий, чем то, как я могу внести изменения в javascript, если я нажму на одну основную категорию, подкатегории только этой основной категории, и если я нажму на другую основную категорию, чем будут показаны подкатегории этой основной категории, становится сложно, если у меня будет более 100 основных категорий, потому что я не могу писать код для всех категорий по-разному, а категории поступают из базы данных, Вот код: я не могу написать одну и ту же функцию для разных категорий, например, 167,175,174 и сына. пожалуйста помогите. заранее спасибо

{** block-description:text_links **}
{literal}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
  $(".167h").click(function(){  
    $(".167c").slideToggle("slow");
  });

  $(".175h").click(function(){  
    $(".175c").slideToggle("slow");
  });

  $(".174h").click(function(){  
    $(".174c").slideToggle("slow");
  });
});

</script>
{/literal}

{if $items}
<ul class="text-links">
    {foreach from=$items item="category"}
    {**$category|print_r**}
    {if $category.level eq 1 }
    <div class="{$category.category_id}h"><li class="level-{$category.level|default:0}{if $category.active || $category|fn_check_is_active_menu_item:$block.type} cm-active{/if}"><a href="{"categories.view?category_id='$category.category_id'"|fn_url}">{$category.category}</a></li></div>
    {else}
    <div class="{$category.parent_id}c" style="display: none;"><li><a href="{"categories.view?category_id='$category.category_id'"|fn_url}">{$category.category}</a></li></div>
    {/if}
    {/foreach}
</ul>
{/if}

   enter code here

lalit 09 нояб. 2013, в 08:39

Источник

Теги:

php

javascript

jquery

dynamic

toggle

1 ответ

Ещё вопросы

Rajesh J Nair · Answer 1 · 2013-11-09T08-49-00.000Z

Проверить этот код

Я кое-что закодировал для вас. попробуйте это

    {** block-description:text_links **}
{literal}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
$(".cat_cat_h").click(function(){  
$(this).closest("cat_par_c").slideToggle("slow");
});

});

</script>
{/literal}

{if $items}
<ul class="text-links">
{foreach from=$items item="category"}
{**$category|print_r**}
{if $category.level eq 1 }
<div class="{$category.category_id}h cat_cat_h"><li class="level-{$category.level|default:0}{if $category.active || $category|fn_check_is_active_menu_item:$block.type} cm-active{/if}"><a href="{"categories.view?category_id='$category.category_id'"|fn_url}">   {$category.category}</a></li></div>
{else}
<div class="{$category.parent_id}c cat_par_c" style="display: none;"><li><a href="{"categories.view?category_id='$category.category_id'"|fn_url}">{$category.category}</a></li></div>
{/if}
{/foreach}
</ul>
{/if}

Спасибо Раджеш, но я пытался, и это не работает