开发者社区> 问答> 正文

关于jquery的slideToggle方法的实现问题

由于我的读取的数据数据库中读出来的,要想实现的效果是一条信息点击出现时,另一条已点击出现的条目就隐藏,怎么实现最好能有范例,求各位慷慨解囊

展开
收起
吴孟桥 2016-06-01 01:07:24 2145 0
1 条回答
写回答
取消 提交回答
  • 可以这样解决:

    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
    <style>
        ul.news div{display:none }
    </style>
    <ul class="news" id="ulNews">
     <li><a href="#">new1</a><div>news1新闻详细内容</div></li>
     <li><a href="#">new2</a><div>news1新闻详细内容</div></li>
     <li><a href="#">new3</a><div>news1新闻详细内容</div></li>
     <li><a href="#">new4</a><div>news1新闻详细内容</div></li>
    </ul>
    <script>
        $('#ulNews a').click(function () {
            $(this).next().slideToggle();
            $(this).closest('li').siblings().find('div').slideUp();
            return false
        });
    </script>
    2019-07-17 19:22:33
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Javascript中的函数 立即下载
JavaScript函数 立即下载
Javascript中的对象 立即下载