jQuery slideDownUp动画效果

来源：互联网发布：tcl刷机软件编辑：程序博客网时间：2024/06/13 04:04

<style type="text/css">*{margin: 0;padding: 0;list-style: none;}</style></head><body><ul id="menu"><li><div>title_1</div><ul class="ul_menu"><li>12</li><li>12</li></ul></li><li><div>title_2</div><ul class="ul_menu"><li>12</li><li>12</li></ul></li><li><div>title_3</div><ul class="ul_menu"><li>12</li><li>12</li></ul></li></ul><div id="box" style="width: 100px; height: 100px; background: red;"></div></body><script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script><script>$('.ul_menu').css('display','none');/*var idClose = true;$('div').on('click',function(){if(idClose){$($(this).siblings()[0]).slideDown('slow',function(){});idClose = false;}else{$($(this).siblings()[0]).slideUp('slow',function(){});idClose = true;}});*/// 滑入/滑出/*$('div').on('click',function(){$($(this).siblings()[0]).slideToggle('slow',function(){});});*//*淡入/淡出 改变透明度 * fadeIn() 淡入 * fadeOut()淡出 * fadeToggle()淡入/淡出 *//*$('div').on('click',function(){$($(this).siblings()[0]).fadeToggle('slow',function(){});});*/// fadeTo(时间,透明度)修改标签的透明度/*$('#box').on('mouseover',function(){$(this).fadeTo(400,0.5);});*/</script>

阅读全文

0 0