Jquery mobile Jquery移动设备点击显示/隐藏div

我有一个jquery移动页面，其中包含一个按钮，点击该按钮时应该显示/隐藏一个div。我似乎遗漏了一些东西。我也曾在这方面遇到过类似的问题，但没有成功，有人能告诉我哪里出了问题吗

HTML:

JQ:

我也试过：

$('#moreFilters').live('tap',function(event) {
    $("#filters").toggle(); //  toggles the visibility/display of the element.
});

谁能给我指一下正确的方向吗

---

非常感谢你能做这样的事吗

<script>
    var isMenuVisible = true

    function showHideMenu() {
        isMenuVisible = !isMenuVisible;
        var menuPrin= document.getElementById("divMenu");

        if(isMenuVisible) {
            menuPrin.style.visibility = "visible";
            menuPrin.style.width = "30%";
        } else {
            menuPrin.style.visibility = "hidden";
            menuPrin.style.width = "0%";
        }
    }
</script>

var isMenuVisible=true
函数showHideMenu（）{
isMenuVisible=！isMenuVisible；
var menuPrin=document.getElementById（“divMenu”）；
如果（不可见）{
menuPrin.style.visibility=“可见”；
menuPrin.style.width=“30%”；
}否则{
menuPrin.style.visibility=“隐藏”；
menuPrin.style.width=“0%”；
}
}

这个

脚本

你能把它放在页面的末尾吗

现在，将您的

id=“divMenu”

指向要隐藏的

div

，然后单击触发事件的元素上的

onclick=“showHideMenu（）；”

函数

所有这些都模拟了它

点击

和

切换

事件

---

我希望这有帮助。：）

一,。为测试2绑定一个。尝试将测试3设置为display:block而不是.toggle（）。在tap事件的第二个参数（函数中）中显示警报或其他输出，然后您可以查看您的事件是否正确触发。您好，感谢您的回答-我用它来跟踪导致问题的实际原因是这个toggle（）事件，我将其切换为Show（），并且工作正常。

$('#myPage').live('pageinit', function(event) {
    $("#moreFilters").bind('tap',function(event, ui){
        $('#filters').toggle('fast', function() {});
    })
});

$('#moreFilters').live('tap',function(event) {
    $("#filters").toggle(); //  toggles the visibility/display of the element.
});

<script>
    var isMenuVisible = true

    function showHideMenu() {
        isMenuVisible = !isMenuVisible;
        var menuPrin= document.getElementById("divMenu");

        if(isMenuVisible) {
            menuPrin.style.visibility = "visible";
            menuPrin.style.width = "30%";
        } else {
            menuPrin.style.visibility = "hidden";
            menuPrin.style.width = "0%";
        }
    }
</script>