Sub-hints doesn't work on Ankidroid

Hello everyone,
I’m 15 years old and besides from English I also started to study French. So I downloaded an awesome deck for enhancing my vocabulary, then I partly redesigned it for my needs.
There are example sentences for most of the cards. On computer it works very well with no mistake. But when it comes to Ankidroid it doesn’t show me example sentence section.

For example it is the view when I look at the backside of my card:


You may see “show exs” button when I click it, it shows up the example French sentence

Here is when I look at the French example sentence:

And when you may see “answer” button pops out when I click “show exs” button.
Here what it looks like when I click answer button:

Please come to me with a solution :slight_smile: On desktop it has no problem. On Ankidroid media has no problem either. When I check card fields, example sentence section is there. But it doesn’t even appear.
I will be very contented if you can help :pray:

Here is the back template of my card:

<hr id=answer>

{{type:Word with article}} <br>

{{Word with article}} <br> {{Noun declension}}<br>

{{Parisian French Audio (Voice 1)}}

<i><gr>
   <div id="aa" style="display:none">
 audio: {{Word with declinations}}</div>
</i></gr>
<p>

<div id="basicm">{{Basic meanings of word}}<br></div>

<!------------------------------------------------>
<!------------------------------------------------>
<!------------------------------------------------>

<div id="buttonsBox">

<button onmouseover="ShowWikt()">wikt</button>

<button id="button"  onmouseover="ShowExs()" style="display:none">show exs</button><br>

<button id="answerButton" onmouseover="ShowExsTrans()" style="display:none">answer</button><br>

</div>
<span id='a'> </span>
<!------------------------------------------------>
<!------------------------------------------------>
<!------------------------------------------------>

<script>
//  document.getElementById("a").textContent=document.getElementById("exsents").innerHTML.length<1;
  var answerShown = 0;

if (document.getElementById("exsents").innerHTML.length <1){
  document.getElementById('button').style.display="none";
} else {
  document.getElementById('button').style.display="";
}

<!-------><!-------><!-------><!------->
<!--check whether the audio transcript shows or not--!>
var transcript = document.getElementById("tags").innerHTML;

if (transcript.indexOf("adj")>-1){
  document.getElementById("aa").style.display = "";
}
<!-------><!-------><!-------><!------->


function ShowWikt() {
  document.getElementById("showWikt").style.display = "";
  document.getElementById("showExs").style.display = "none";
}

function ShowExs() {
  if (document.getElementById("showExs").style.display != "") {
    document.getElementById("showWikt").style.display = "none";
    document.getElementById("showExs").style.display = "";

    if (answerShown == 0) {
      document.getElementById("answerButton").style.display = "";
      answerShown = 1;
    }
  }
}

function ShowExsTrans() {
  document.getElementById("ExsNoTrans").style.display = "none";
  document.getElementById("answerButton").style.display = "none";
  document.getElementById("ExsTrans").style.display = "";
}

</script>
<!------------------------------------------------>
<!------------------------------------------------>
<!------------------------------------------------>


<!------------------------------------------------>
<div id="showWikt" style="display:none">
{{Wiktionary entry}}
</div>
<!------------------------------------------------>
<div id="showExs" style="display:none">

  <!---->
  <div id="ExsNoTrans">
    {{Example sentences without translation}}
  </div>
  <!---->
  <div id="ExsTrans" style="display:none">
    {{Example sentences}}
  </div>
  <!---->

</div>
<!------------------------------------------------>


<!------------------------------------------------>

<span id='exsents' style="display:none">{{Example sentences}}</span>

<div id="tags" style=" display:none">{{Tags}}</div>