<div class="ui accordion filter-box">
<div class="ui text menu">
<div class="ui title small filter-button item "><i class="dropdown icon"></i> Show Active Filters<div class="floating ui red label">3</div></div>
</div>
<div class="ui basic segments content" id="tags">
<div class="ui segment" id="filter-visible_tags">
<a class="ui basic label">Bowling Green West Area<i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">Glasgow<i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">Brick House<i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">Bowling Green West Area<i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">Bowling Green West Area<i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">Bowling Green West Area<i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">75K to 175.6K<i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label"><i class="bed icon"></i> 3 to 4<i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">Residential, Land, & Commercial<i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label"><i class="bath icon"></i> 2.5 or More<i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">For Sale <i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">Pending <i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">Rural Housing Eligble <i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">Pool <i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">Fireplace <i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">Central Air <i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">2+ Garage <i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">1+ Stories <i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">5+ Acres <i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
<a class="ui basic label">1,200+ Sqft. <i class="icon close remove-tag" style="font-size: 1.2em;" data-tagid="13"></i></a>
</div>
<div class="ui segment" id="below-filter-box-buttons">
<button class="ui basic red button save-search"><i class="ui save outline icon"></i> Save This Search</button>
<button class=" ui basic blue button share-search"><i class="ui share alternate icon"></i> Share This Search</button>
</div>
</div>
</div>
$('.accordion.filter-box')
.accordion({
title : '.menu .title',
trigger: '.menu .title',
content : '.segments',
debug : true,
});
Я не могу заставить работать Аккордеон Semanti c -UI, я пытаюсь вызвать окно класса сегментов, но оно просто не будет работать, оно будет работать нормально, если я помещу сегменты и название прямо под аккордеоном, но это все.