更改折叠到按钮

Question

点击它后，我有一个折叠和展开的列表。见https://codepen.io/anon/pen/YYxZJP

如何更改它，以便单击红色按钮时，它会折叠？

$('li > ul').hide();

//activate class "expanded"
$('li > .expanded ~ ul').show('normal');

$('li > a').click(function() {
    //hide everything
    $(this).find('ul').hide();

    //toggle next ul
    $(this).toggleClass('expanded').toggleClass('collapsed').next('ul').toggle('normal');
});

Answer 1

向.cats-toggle元素添加点击处理程序，以折叠其前面的<ul>。

$(document).on('click', '.cats-toggle', event => {
  $(event.currentTarget).prev('ul').hide('normal');
});

https://codepen.io/neagle/pen/barWYM?editors=1111