My guess is what I want to achieve should be easy, but due to my lack of knowledge of front-end development, I cannot manage to solve issue. Have a page that works with AJAX-filters that users can select. Filters that are currently applied show up within `<div>` with `id=current-filters`. 

HTML looks like this:

```
<div id="current-filters-box">
    <div style="margin-bottom: 15px">
        <strong>Current filters:</strong>
        <div id="current-filters">
        <!-- here every single applied filter is displayed -->
        </div>
    </div>
</div>

```

Need to hide the the entire DIV `current-filters-box` in case no filter is applied. 

The page uses a Javascript file, **bundle.js** which is massive, but contains the following line: 

```
s=document.getElementById("current-filters")

```

Therefore tried the following if-statement to hide the DIV:

```
if(s.length<1)$('#current-filters-box').hide()

```

and

```
if(s=0)$('#current-filters-box').hide()

```

But this does not seem to have any effect. Can someone tell, what I did wrong? 

[Demo of page can be found here](https://www.shorttermprograms.com/programs/)

EDIT: this is what the HTML looks like when filters are applied:

```
<div id="current-filters-box">
<div style="margin-bottom: 15px">
    <strong>Current filters:</strong>
    <div id="current-filters">
        <div class="badge-search-public">
            <strong>Humanities &amp; Languages</strong> <span class="x" data-property="disciplines" data-value="4" onclick="filter.removeFilter(this)">×</span>
        </div>
        <div class="badge-search-public">
            <strong>January</strong> <span class="x" data-property="months" data-value="1" onclick="filter.removeFilter(this)">×</span>
        </div>
    </div>
</div>

```