1

我正在创建一个小型移动原型。我可以让我的内容下推显示/隐藏。这是我的代码，请帮忙！我不确定问题出在哪里。我认为它可能会放在一个位置：相对或其他属性。我希望尽快解决这个问题。如果你能指出我如何解决这个问题的正确方向，我将不胜感激。我认为我的 div 堆叠正确，但我不确定。自从我编码以来已经有一段时间了，我有点生疏了。

    <body>
    <div id="header">
        <a href="#" onclick="overlayvis(showhideme)"><img src="images/header.gif"></a>
    </div>

    <div class="nav" id="showhideme" style="visibility: hidden; display: block; position relative;">
        <div id="content">
               <p><img src="images/nav.png"></p>
        </div>
    </div>

    <div class="wrap">
        <div id="content">
            <p>
                <img src="images/body.jpg" border="0" usemap="#Map">
                <map name="Map" id="Map">
                    <area shape="rect" coords="3,1727,638,1804" href="#top" alt="back to top" />
                    <area shape="rect" coords="31,1853,611,1940" href="tel:+18005555555" alt="tap to call" />               
                </map>
            </p>
        </div>

        <div id="footer">
            <a href="#content"><img src="images/footer.png"></a>
        </div>
    </div>
</body>
</html>

非常感谢！

4

2 回答 2

1

Remove the inline styles and add class="somebutton" to your link. Then use the following jQuery.

$('a.somebutton').on('click', function(){
    $('#showhideme').animate({height:'toggle'});
});
于 2013-06-24T18:39:41.893 回答
0

我希望，您正在寻找 JQuery Mobile 手风琴，请查看链接，它可能对您有所帮助，

http://jquerymobile.com/demos/1.3.0-rc.1/docs/demos/widgets/accordions/

于 2013-06-24T18:34:45.727 回答