jQuery手风琴删除同级类
|
单击标题以展开菜单时，可以更改CSS。但是，其他已扩展的\'header \'无法更改为\“ inactive \”类。
以下是我的HTML
<dt class=\"productsCat\"><a href=\"/\" class=\"productsName\">Category 1</a></dt>
<dd class=\"subCat\"><a href=\"<?php echo $subCategory->getUrl()?>\">Sub Category 1</a></dd>
<dt class=\"productsCat\"><a href=\"/\" class=\"productsName\">Category 2</a></dt>
<dd class=\"subCat\"><a href=\"<?php echo $subCategory->getUrl()?>\">Sub Category 2</a></dd>
jQuery(document).ready(function(){
jQuery(\"dl#narrow-by-list> dd:not(:first)\").hide();
jQuery(\"dl#narrow-by-list> dt a\").click(function(){
jQuery(\"dl#narrow-by-list> dd:visible\").slideUp(\"fast\");
jQuery(this).parent().next().slideDown(\"fast\");
jQuery(this).parent().removeClass(\"productsCat\");
jQuery(this).parent().addClass(\"openSub\");
return false;
});
});
没有找到相关结果
已邀请:
2 个回复
磐去裸猜饲
$(function() { $(\"dl#narrow-by-list> dd:not(:first)\").hide(); $(\"dl#narrow-by-list > dt\").first().addClass(\'openSub\'); $(\".productsName\").click(function () { if(!$(this).closest(\'dt\').hasClass(\'openSub\')) { $(\"dl#narrow-by-list> dd:visible\").slideUp(\"fast\"); } $(this).parent().next().slideDown(\"fast\"); $(this).parent().each(function () { $(this).parents(\'dl\').find(\'dt\').each(function() { $(this).addClass(\'productsCat\'); $(this).removeClass(\'openSub\'); }); $(this).closest(\'dt\').toggleClass(\'productsCat openSub\'); }); return false; }); });闪票仇门韧
jQuery(document).ready(function () { jQuery(\"dl#narrow-by-list> dd:not(:first)\").hide(); jQuery(\"dl#narrow-by-list> dt a\").click(function () { jQuery(\"dl#narrow-by-list> dd:visible\").slideUp(\"fast\"); jQuery(this).parent().next().slideDown(\"fast\"); jQuery(this).parent().each(function () { if (jQuery(this).hasClass(\'productsCat\')) { jQuery(this).removeClass(\'productsCat\'); jQuery(this).addClass(\"openSub\"); } }); return false; });