Javascript iPad的显示/隐藏功能切换

我在我的网站上有一个功能切换（），您可以显示和隐藏DIV中的文本。代码：

.js代码

function toggle(sDivId) {
                var oDiv = document.getElementById(sDivId);
                oDiv.style.display = (oDiv.style.display == "none") ? "block" : "none";
}

.html代码：

<div onclick="toggle('divContent1')" style="cursor: pointer;">Hide and show</div>
    <div id="divContent1" style='display:none'>
    text here
    </div>
</div>

隐藏和显示
此处文本

当我在电脑上浏览网站时，该功能在网站上运行良好。但是当我在iPad上查看我的网站时，它不起作用。有人知道原因吗？你能为这个问题提出解决方案吗？谢谢

jQuery示例：

Html 请点击此处： 在JSFIDLE上使用它。如果需要，您仍然可以从特定div的click处理程序调用函数，这只是显示了一种替代方法。通常最好使用类（识别按钮）和属性（如

data targetdiv=“#divContent1”

）来驱动按钮和目标的选择，以便代码可重用，而不是硬连接到代码中的特定id

更灵活的数据驱动版本示例： 注意，您需要将JQuery包装在一个“onload”事件中。在JQuery中，以前是

$（document）.ready（

），但现在现代的速记是

$（function（）{…}）；

e、 g

---

此代码从单击的项中获取一个数据属性，用作要切换的项的选择器。这比将id硬连接到代码中要好得多。此示例有两组div要演示。

您已将JQuery添加为标记，但根本不使用JQuery。为什么不使用？此代码在JQuery中要简单得多（然后讨论了跨浏览器问题）。你能给我一个这个案例的jQuery代码示例吗？谢谢！+1提供代码和HTML示例。我用更干净的版本更新了答案。谢谢你的回答。我非常清楚，但是当我把这个代码放在我的网站上时（到jQuery.js和.php文件中）它根本不起作用。你可以看看：你知道它为什么不起作用吗？我做错什么了吗？谢谢！我找到了这个例子：它正在我的网站上工作。但是非常感谢你的帮助-它给了我一个线索，帮助我解决了我的问题。祝你愉快！：）对不起，我应该解释一下JSFIDLE隐藏了

$（文档）。ready（

所以你需要自己添加它。没问题：）我

是新来的，所以我
正在学习这个网站是如何工作的：）
$（文档）。ready（
是老方法。查看更新的示例。
<div>
    <div id="pressMe" style="cursor: pointer;">Hide and show</div>
    <div id="divContent1" style='display:none'>text here</div>
</div>

$('#pressMe').click(function(){
    $('#divContent1').toggle();
});

$(function(){
   $('.pressMe').click(function(){
      $($(this).attr('data-target')).toggle();
   });
});