修改mui accordion（折疊面板）默認展開收縮行為

mui的折疊面板 accordion 默認展開收縮邏輯是，展開其中一個的同時收縮起同級已經展開的元素。

實際需求：展開其中一個不必收縮同級元素。

分析mui.js源代碼：

window.addEventListener('tap', function(event) {
//        console.log("1"+cell);
        if (!cell) {
            return;
        }
        var isExpand = false;
        var classList = cell.classList;
        var ul = cell.parentNode;
        if (ul && ul.classList.contains(CLASS_RADIO_VIEW)) {
            if (classList.contains(CLASS_SELECTED)) {
                return;
            }
            var selected = ul.querySelector('li' + SELECTOR_SELECTED);
            if (selected) {
                selected.classList.remove(CLASS_SELECTED);
            }
            classList.add(CLASS_SELECTED);
            $.trigger(cell, 'selected', {
                el: cell
            });
            return;
        }
        if (classList.contains('mui-collapse') && !cell.parentNode.classList.contains('mui-unfold')) {
            if (!preventDefaultException.test(event.target.tagName)) {
                event.detail.gesture.preventDefault();
            }
            
            if (!classList.contains(CLASS_ACTIVE)) { //展開時,需要收縮其他同類
                var collapse = cell.parentNode.querySelector('.mui-collapse.mui-active');

                //方法一在源代碼里面注釋下面找個判斷
                if (collapse) {
                    collapse.classList.remove(CLASS_ACTIVE);
                }

                isExpand = true;
            }
            classList.toggle(CLASS_ACTIVE);
            if (isExpand) {
                //觸發展開事件
                $.trigger(cell, 'expand');

                //scroll
                //暫不滾動
                // var offsetTop = $.offset(cell).top;
                // var scrollTop = document.body.scrollTop;
                // var height = window.innerHeight;
                // var offsetHeight = cell.offsetHeight;
                // var cellHeight = (offsetTop - scrollTop + offsetHeight);
                // if (offsetHeight > height) {
                //     $.scrollTo(offsetTop, 300);
                // } else if (cellHeight > height) {
                //     $.scrollTo(cellHeight - height + scrollTop, 300);
                // }
            }
        } else {
            radioOrCheckboxClick(event);
        }
    });

得出2種解決辦法的結論。

方法一：注釋如下代碼

//				if (collapse) {
//					collapse.classList.remove(CLASS_ACTIVE);
//				}

方法二：關鍵在 ruturn false; 這句可以取消mui.js庫默認綁定的事件，這樣就能達到重寫。

           //自定義展開后不需要講同級元素折疊
            mui('body').on('tap','.mui-collapse',function(e){
                
                this.classList.toggle('mui-active');
                return false;//可以取消繼續執行默認綁定事件
            })

 方法三：阻止事件冒泡

//自定義展開后不需要講同級元素折疊
            mui('body').on('tap','.mui-collapse',function(e){
                //阻止事件冒泡
                e.stopPropagation();
                
                this.classList.toggle('mui-active');
            })