- 🇧🇪Belgium borisson_ Mechelen, 🇧🇪
Since this is in the 1.x version of facets and it is regarding ajax, I'm going to close this issue. We are only supporting ajax with views in facets 3.x.
After clicking on two checkbox / facet links with hierarchy, the URL changes to /facets-block-ajax?f[0]=topics%3A20&f[1]=topics%3A19 and the facet blocks disappear.
It looks like the JS does not attach the correct behaviors to the non-first-level items.
If "Always expand hierarchy" is not selected, only parents are loaded. I´m not sure if not selecting this shall work with AJAX or if we add some hint to the README, for example:
## Using AJAX Views with hierarchical Facets
Since the stable 1.0 release from July 5 2018 you need to make some settings, if you are using hierarchical Facets in an AJAX based View.
Beside clicking "Index hierarchy" in admin/config/search/search-api/index/YOUR_INDEX/processors and selecting the fields at the bottom of the page you need to select "Use hierarchy" and "Always expand hierarchy" in each settings of your hierarchical facets.
If you want to only show the child items if their parents are clicked you can add the following code to your side:
**jQuery**
```
// Expand sub items if parents or sub items are selected
$('.facets-widget-checkbox input[type="checkbox"]').each(function (e) {
var facetItem = $(this).closest('li.facet-item');
if ($(this).is(':checked') || facetItem.find("ul input:checked").length) {
facetItem.addClass('facet-item--selected facet-item--expanded');
}
else {
facetItem.removeClass('facet-item--expanded');
}
});
```
**CSS**
```
li:not(.facet-item--expanded) ul {
display: none;
}
```
Closed: outdated
1.0
Code
Not all content is available!
It's likely this issue predates Contrib.social: some issue and comment data are missing.
Since this is in the 1.x version of facets and it is regarding ajax, I'm going to close this issue. We are only supporting ajax with views in facets 3.x.