How to use of two <sly data-sly-use > Tags in HTML

[patK-ze1xYs]

I want to use two <sly data-sly-use> calls based on different conditions. 

Option 1 : Does not work. 

<sly data-sly-test="${testCondition}">     <sly data-sly-use.javaClass="com.package.java">  </sly>     <sly data-sly-test="${testCondition1}">     <sly data-sly-use.javaClass1="com.package.java1">  </sly> ... ... ... </sly>

Option 2 : Works  

<sly data-sly-test="${testCondition}">     <sly data-sly-use.javaClass="com.package.java">  </sly>     <sly data-sly-test="${testCondition1}"> </sly> ... ... ... </sly>

Only difference between two files is option 2 does not have the extra <sly data-sly-use  on testCondition1 ?

Is there a syntax error with Option 1 , or a different way to use these conditions in sightly 

[kautuk_sahni · Accepted solution]

Try 

<div>
<sly data-sly-test="${testCondition}">
    <sly data-sly-use.javaClass="com.package.java">
 </sly> 
</div>

<div> 
<sly data-sly-test="${testCondition1}">
    <sly data-sly-use.javaClass1="com.package.java1">
 </sly>
 </div>

~kautuk