ฉันก็รู้สึกว่านี่เป็นสิ่งจำเป็น แต่น่าเสียดายที่รหัสของ shesek ไม่ทำงานอีกต่อไป ฉันรวบรวมมันไว้อย่างรวดเร็วซึ่งทำงานได้ดี (ทันที) ใน Chrome หาก Trello เปลี่ยนรหัสของพวกเขามันอาจจะหยุดทำงานเช่นกัน
อย่างไรก็ตามนี่จะเพิ่ม× -symbol เล็ก ๆ ที่ด้านบนซ้ายของทุกรายการที่ซ่อนรายการเมื่อคลิก มันสามารถปรับปรุงได้แน่นอนด้วย LocalStorage หรือคุกกี้บางอย่าง แต่ตอนนี้ก็โอเคที่จะทำความสะอาดบอร์ดเมื่อฉันเปิด Trello ไว้ตลอดการทำงาน
(function () {
var closeList = function (list) {
list.style.transition = 'max-height 1s ease-in-out, max-width .2s 1s ease-in-out';
list.style.maxHeight = '4px';
list.style.maxWidth = '4px';
};
var openList = function (list) {
list.style.transition = 'max-height .2s 1s ease-in-out, max-width .2s ease-in-out';
list.style.overflow = 'hidden';
list.style.maxHeight = '6000px';
list.style.maxWidth = '250px';
};
var lists = document.getElementById('board').querySelectorAll('div.list');
for (var i = 0; i < lists.length; i++) {
(function () {
var list = lists[i];
var close = document.createElement('a');
openList(list);
close.setAttribute('href', '#');
close.setAttribute('class', 'close');
close.innerHTML = '×';
close.style.textDecoration = 'none';
close.style.position = 'absolute';
close.style.left = '1px';
close.style.top = '-5px';
list.appendChild(close);
close.addEventListener('click', function (e) {
e.preventDefault();
if (close.getAttribute('class') == 'close') {
closeList(list);
close.setAttribute('class', 'open');
close.innerHTML = 'o';
}
else {
openList(list);
close.setAttribute('class', 'close');
close.innerHTML = '×';
}
});
})();
}
})();