JavaScript函数无法在手机上运行

Question

我有这个脚本：

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

我要隐藏或显示的HTML部分：

<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>

在Chrome上尝试时，所有内容都可以正常运行（隐藏整个“产品”div），但是当在phonegap应用中打开它时，将无法按预期工作。它不是隐藏或显示整个div，而是隐藏/显示<fig caption>中的文本。