我想折疊具有多層次結(jié)構(gòu)的類別樹。我從堆棧中嘗試了很多答案，但它不起作用。誰能幫幫我嗎？實(shí)際結(jié)果 ：首先顯示測(cè)試 1 和測(cè)試 3然后，單擊測(cè)試 1 => 單擊測(cè)試 2 和測(cè)試 8 應(yīng)顯示然后，單擊測(cè)試 2 => 單擊測(cè)試 4 和測(cè)試 7 應(yīng)顯示等等。更新 ：片段：$(document).ready(function() { var getChild = $('ul.categories').children('li'); getChild.each(function(i, v) { if ($(v).data('parentcategory') == "0") { $(v).addClass('active-collapse'); } }); $('div.categories-list li').click(function() { var main_category = $(this).data('parentcategory'); $('ul.sub', $(this).parent()).eq(0).toggle(); });});div.categories-list { width: 30%; margin-bottom: 20px; float: left;}ul.categories,ul.sub { border-top: 1px solid #c3cfd9; margin: 0; padding: 0;}ul.categories li { margin: 0; padding: 0; list-style: none;}ul.categories li a { display: block; max-width: 100%; padding: 10px 5px 10px 10px; font-size: 13px; background: #FCFCFC; color: #3f729b; border: 1px solid #c3cfd9; border-top: 0px !important; text-decoration: none; font-weight: 700; cursor: pointer; transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out;}ul.categories li a:hover { text-indent: 5px;}ul.sub { display: none;}.activeUi { display: block;}
HTML 折疊/展開樹無法按預(yù)期工作
嗶嗶one
2021-10-14 13:07:41
