jQuery slideToggle() 方法多个div怎么写

推荐答案 2015-09-26

<!DOCTYPE html>
<html>

<head>
    <script src="/jquery/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $(".flip").click(function() {
                $(".panel:eq(" + $(this).index(".flip") + ")").slideToggle("slow");
            });
        });
    </script>
    <style type="text/css">
        div.panel,p.flip {
    margin: 0px;
    padding: 5px;
    text-align: center;
    background: #e5eecc;
    border: solid 1px #c3c3c3;
}

div.panel {
    height: 120px;
    display: none;
}
    </style>
</head>

<body>
    <div class="panel">
        <p>W3School - 领先的 Web 技术教程站点</p>
        <p>在 W3School，你可以找到你所需要的所有网站建设教程。</p>
    </div>
    <p class="flip">请点击这里</p>
    <div class="panel">
        <p>W3School - 领先的 Web 技术教程站点</p>
        <p>在 W3School，你可以找到你所需要的所有网站建设教程。</p>
    </div>
    <p class="flip">请点击这里</p>
</body>

</html>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/XITfCI06hS0IITT2f2.html

相似回答

jquery怎么实现从右到左滑出来的效果?答：1、slidetoggle() 交替slidedown(),slideup()Html代码 <div id="slidebottom" class="slide"> <button> slide it </button> <div class="inner"> Slide from bottom </div> </div> Js代码 ('#slidebottom button').click(function() { (this).next().slideToggle();});2、左侧横向交替...

jquery slideToggle() 效果答：<script>$(document).ready(function(){ $("#con").hover(function(){ $("#content").slideToggle("slow"); }); }); </script><p id="con">文章管理</p><div id="content" style="display:none"> <p><a href="add_content.php" target="rightFrame">添加文章</a...

大家正在搜

glide slide slidey什么意思 div居中的方法 div水平居中的方法 slide away slide的用法 slide off slide box css div布局的基本步骤

jQuery slideToggle() 方法 多个div怎么写

jQuery slideToggle() 方法多个div怎么写