分享

mootools 点击某点显示下拉框,点击其他地方隐藏

 寂寞如故 2015-01-23
<a class="sort_select" id="sortSelectBtn"  href="#">
      <i class="i_15 i_sort" ></i>
      <p>分类</p>
    </a>
   <div class="sort_select_box rel dn">
      <ul class="sort_select_list">
        <li>
          <a href="#">手机</a>
        </li> 
        <li>
          <a href="#">平板</a>
        </li>
        <li>
          <a href="#">笔记本</a>
        </li>
        <li>
          <a href="#">其他</a>
        </li>
      </ul>
      <span class="sort_cor sort_corc"></span>
      <span class="sort_cor sort_corwh"></span> 
    </div>




//分类下拉框
//分类下拉框
window.addEvent('click',function(event){
var ele=$("sortSelectBtn"),selectBox=$$('.sort_select_box'),target=event.target;
if(target == ele||target == ele.getElement("i")||target == ele.getElement("p")){
selectBox.toggleClass('dn');
}else {
selectBox.addClass('dn');
}
})

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约