展开,收起

 

<div class="sidcp_con" style="z-index:999">
      <dl class="sid_der">
        <dt><a href="#">黑色及有色金属</a></dt>
        <dd class="a_000">
          <ul class="clear">
            <li><a href="#">钢筋</a></li>
            <li><a href="#">钢板</a></li>
            <li><a href="#">角钢</a></li>
            <li><a href="#">圆钢</a></li>
            <li><a href="#">槽钢</a></li>
            <li><a href="#">扁钢</a></li>
            <li><a href="#">工字钢</a></li>
            <li><a href="#">H型钢</a></li>
            <li><a href="#">铝板(带)材</a></li>
            <li><a href="#">钢带</a></li>
            <li><a href="#">铝型材</a></li>
            <li><a href="#">方钢</a></li>
            <li class="a_0766B1"><a href="javascritp:void(0);" class="icon_pmore_up">更多</a></li>
            <li><a href="#">钢绞线、钢丝束</a></li>
            <li><a href="#">钢轨及钢轨配件</a></li>
            <li><a href="#">钢丝绳</a></li>
            <li><a href="#">其它型钢</a></li>
            <li><a href="#">钢丝</a></li>
            <li><a href="#">其它金属材料</a></li>
            <li><a href="#">铜棒材</a></li>
            <li><a href="#">加工件</a></li>
            <li><a href="#">铜板材</a></li>
            <li><a href="#">金属原材料</a></li>
            <li><a href="#">铜线材</a></li>
            <li><a href="#">六角钢</a></li>
            <li><a href="#">铝棒材</a></li>
            <li><a href="#">铜带材</a></li>
            <li><a href="#">铅材</a></li>
            <li><a href="#">锌材</a></li>
            <li><a href="#">铝线材</a></li>
            <li><a href="#">Z型钢</a></li>
            <li><a href="#">八角钢</a></li>
            <li><a href="#">钛材</a></li>
            <li><a href="#">镍材</a></li>
            <li><a href="#">硅钢片</a></li>
          </ul>
        </dd>
      </dl>
</div>

 


 

function showMoreTypes(){
   $(".a_0766B1").each(function(){
      $(this).nextAll().hide();
    });

    //jquery 1.11, 1.8版本之后去掉了toggle这个方法
    $(".a_0766B1").on('click', function(){
    var isToggled = $(this).data('isToggled');
        if(isToggled){
            $(this).nextAll().hide();
      $(this).find(".icon_pmore_up").text("更多");
        } else {
            $(this).nextAll().show();
      $(this).find(".icon_pmore_up").text("收起");
        }
        $(this).data('isToggled', !isToggled);

    });

  }

    //1.8版本
    $(".a_0766B1").toggle(
    function(){
       $(this).nextAll().hide();
          $(this).find(".icon_pmore_up").text("更多");
    },
    function(){
          $(this).nextAll().show();
          $(this).find(".icon_pmore_up").text("收起");
    }
    );