JQuery 动画实例:下拉列表框展开收起

来源:互联网 发布:2017年泰国耽美网络剧 编辑:程序博客网 时间:2024/06/05 06:05


<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title>动画实例 列表展开</title><style></style>    <script src="scripts/jquery-1.7.1.min.js"></script>    <script>        $(function() {$('span').css('cursor','pointer').click(function(){$(this).next().next().slideToggle(1000);});        });    </script></head><body><span>我的好友</span> <br/>    <ul id="fg"><li>中国</li><li>巴基斯坦</li><li>俄罗斯</li><li>老挝</li><li>柬埔寨</li><li>南非</li></ul><span>我的黑名单</span> <br/><ul id="fb"><li>美国</li><li>日本</li><li>澳大利亚</li><li>印度</li><li>加拿大</li><li>新加坡</li></ul></body></html>