Hide
if div empty

Question

I have the following piece of code (jsp)

        ...
        <hr>
        <div class="actions">
            <div class="btn-toolbar">
                <c:if test="${condition1}">
                    <button type="button" class="btn" >
                        btn1
                    </button>
                </c:if>
                <c:if test="${condition2}">
                    <button type="button" class="btn">
                        btn2
                    </button>
                </c:if>
                <c:if test="${condition3}">
                    <button type="button" class="btn">
                        btn3
                    </button>
                </c:if>
            </div>
        </div>
        <hr> 
        ...

Depending on the conditions, div may be empty, and then we get a double hr-tag. Is there an elegant way to display first hr-tag only if div is not empty?

JSP has nothing to do with JavaScript, I've removed the tag. — T.J. Crowder, Oct 04 '21 at 11:06
check this link: `https://stackoverflow.com/questions/5935892/if-else-within-jsp-or-jstl` — Mohammad Esmaeilzadeh, Oct 04 '21 at 11:17

score 3 · Accepted Answer · edited Oct 04 '21 at 13:40

Save c:if test results to variables?

<div class="actions">
    <div class="btn-toolbar">
        <c:if test="${condition1}" var="rt1">
            <button type="button" class="btn" >
                btn1
            </button>
        </c:if>
        <c:if test="${condition2}" var="rt2">
            <button type="button" class="btn">
                btn2
            </button>
        </c:if>
        <c:if test="${condition3}" var="rt3">
            <button type="button" class="btn">
                btn3
            </button>
        </c:if>
    </div>
</div>
<c:if test="${rt1 || rt2 || rt3}">
<hr> 
</c:if>

score 1 · Answer 2 · answered Oct 04 '21 at 11:35

1

use ::empty in css instead

as blow:

div.action{
  border-top:1px solid #cdcdcd;
  border-bottom:1px solid #cdcdcd
}
  div.action::empty{
  border-top:1px solid #cdcdcd
}

answered Oct 04 '21 at 11:35

Ramin6032

9
1

score 0 · Answer 3 · answered Oct 04 '21 at 11:08

0

I'm not too familiar with JSP but you could try wrapping one of the hr in a separate if condition like this:

<c:if test="${condition1 || condition2 || condition3}">
  <hr>
</c:if>

answered Oct 04 '21 at 11:08

AndrewL64

15,794
8
47
79

Hide if div empty

3 Answers3

Hide
if div empty