angularjs - JavaScript function won't work on phone -

i have script:

function isitvisible() {     var style = document.getelementbyid('product').style;     if (style.visibility === 'hidden') {         style.visibility = 'visible';     } else {          style.visibility = 'hidden';     }        } 

and part of html want hide or show:

<div id="product">     <div ng-repeat="producto in productos">             <div class="figuranta" id="{{ producto.id }}" >             <figure class="floating" id="{{ producto.id }}" onclick="details(id);">               <img ng-src="{{ producto.image }}" alt="image" class="rcorners3 img-responsive"  alt="null">               <figcaption> {{ producto.name }}</figcaption>             </figure>          </div>     </div> </div> 

eeverything works fine when trying on chrome (hides whole "product" div), when opening in phonegap app won't work expected. instead of hiding or showing whole div, hiding/showing text in <fig caption>.