Question

嗨我正在使用cs购物车，我想在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

Answer 1

检查此代码

我为你准备了一些代码。请试试这个

    {** 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}

jquery和cs cart中的动态切换效果

1 个答案: