Проблема в том, что когда вы открываете одну категорию, а затем другую, первая закрывается автоматически (это нормально), но минус не меняется на плюс, контент, который я генерирую динамически, и это делает для меня немного трудным
HTML
{% for category in categories %}
{% if category.children %}
<li class="dropdown">
<a id="mybutton" href="{{ category.href }}" class="dropdown-toggle d-block mybutton" data-toggle="dropdown">{{ category.name }}
<span class="ttclose hidden-lg" style="float:right"></span>
</a>
{% endif %}
{% endfor %}
Jquery
Я устал от множества разных способов сделать это, но не нашел правильного пути
$('.mybutton').on('click', function() {
if ($(this).children('span').hasClass('ttopen')) {varche = true} else {varche = false};
if(varche == false){
$(this).children('span').addClass("ttopen");
$(this).children('span').removeClass("ttclose");
$(this).closest('a[aria-expanded="false"]').find('span').removeClass("ttopen");
varche = true;
} else
{
$(this).children('span').removeClass("ttopen");
$(this).children('span').addClass("ttclose");
varche = false;
}
});