auraIfExampleComp

<aura:component >
    <aura:handler name="init" value="{! this}" action="{! c.doInit}" />
    <aura:attribute name="checkValue1" type="Boolean" default="false" />
    <aura:attribute name="checkValue2" type="Boolean" default="true" />
    <div>
        <p>Value of attribute checkValue1 <strong>{! v.checkValue1}</strong></p>
        <p>Value of attribute checkValue2 <strong>{! v.checkValue2}</strong></p>
        <lightning:button label="Change Value of checkValue1" title="Change value" onclick="{! c.resetCheckValue1 }"/>
        <lightning:button label="Change Value of checkValue2" title="Change value" onclick="{! c.resetCheckValue2 }"/>
        <aura:if isTrue="{! v.checkValue1}">
                <p>
                    This section is displayed if the if <strong>checkValue1</strong> evaluates to <strong>true</strong>
                </p>
            <aura:set attribute="else">
                    <p>
                        This section is displayed if <strong>checkValue1</strong> if evaluates to <strong>false</strong>
                    </p>
            </aura:set>
        </aura:if>
        
        
        <p>
        <Strong>Using logical AND operator</Strong>
        <aura:if isTrue="{! and(v.checkValue1, v.checkValue2)}">
                <p>
                    This section is displayed if both the attributes evaluate to <strong>true</strong>.
                </p>
            <aura:set attribute="else">
                    <p>
                        This section displayed if either of the attributes evaluates to <strong>false</strong>.
                    </p>
            </aura:set>
        </aura:if>
        </p>
    	<p>
        <Strong>Using logical OR operator</Strong>
        <aura:if isTrue="{! or(v.checkValue1, v.checkValue2)}">
                <p>
                    This section is displayed if either of the attributes evaluates to <strong>true</strong>.
                </p>
            <aura:set attribute="else">
                    <p>
                        This section displayed if either of the attributes evaluates to <strong>false</strong>.
                    </p>
            </aura:set>
        </aura:if>
        </p>
    
    </div>
</aura:component>