vue手风琴效果怎么写 _手风琴

1.下拉div列表怎么实现手风琴效果具体的javascript手风琴下拉菜单代码：
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>；手风琴下拉菜单效果</title><script src="http://www.xuexi88.com/zhishi/js/jquery-1.11.1.js"></script><style> *{ margin: 0; padding: 0; } ul{ list-style: none; } .nav ul{ display: none; } .nav ul li{ width: 100px; text-align: center; cursor: pointer; } .nav div{ background: #4ecc70; width: 100px; border-radius: 10px; line-height: 34px; text-align: center; color: white; cursor: pointer; } .demo{/* display: none;*/ } .red{ background:red; border-radius: 10px; } </style><script>$(function(){ //case 1// $('.nav div').on('click',function(){// if(false==$(this).next().is(':visible')){// $('.nav ul').slideUp(300);// }// $(this).next().slideToggle(300);// }) //case 2 var changeType=$('.nav').find('div'); $.each(changeType,function(){ $(this).on('click',function(){ if(false==$(this).next().is(':visible')){ $('.nav ul').slideUp(300); } $(this).next().slideToggle(300); }) $('.nav ul:eq(0)').show(); }) var hoverType=$('.nav .u').find('li') $.each(hoverType,function(){ $(this).hover(function(){ $(this).addClass('red').siblings().removeClass('red'); }) }) })</script></head><body><ul class="nav"> <li> <div>；水果</div> <ul class="u"> <li>；香蕉</li> <li>；橘子</li> <li>；梨子</li> <li>；西瓜</li> </ul> </li> <li> <div>；蔬菜</div> <ul class="u"> <li>；芹菜</li> <li>；黄瓜</li> <li>；洋葱</li> <li>；西瓜</li> </ul> </li> <li> <div>；肉类</div> <ul class="u"> <li>；鸡肉</li> <li>；兔肉</li> <li>；鸭肉</li> <li>；龙肉</li> </ul> </li> </ul></body></html>
2.如何写一手漂亮的 Vue练好钢笔字，对于小学生，以及一些字体尚未定型的广大青年来说，一般比成年人容易些。
这是因为他们容易接受新的字体，一旦有正确的引导，选择合适的字体，正确的方法，再有持之以恒的态度，在短期内便可收到良好的效果。而对于字体已定型的成年人，要练好钢笔字就不那么容易了。
由于他们以前没有注意字的好坏，一些难看甚至错误的写法已成恶习，很难改正。他们现在想练字，但往往只在现有的字体上修修补补，选择和自己相似的字体上打主意，这样常常是好的没有学到，坏的没丢掉，以至越练越难看。
那么怎样让这些人练好字呢？我的经验是：首先必须使他们完全忘掉以前的字体，从零开始，从最基本的点划练起。然后再练结构。
对钢笔字来说，最重要的是结构问题，结体的好坏直接影响着字的美观。所以要写好钢笔字结体最重要。
但现在有一个很不好解决的问题，就是很难把以前的字体忘掉，在临帖过程中常常把旧习惯带入新字体。要改变这种状况，最好的办法首先是选择与自己以前的字体载然不同的正楷字进行摹写。
练正楷是为了正形，练上一两个星期或更长的时间，就可以正形。当形正了以后，也应选择与本人原字体截然不同的，并且是自己认为美观的行书字帖进行临摹。
如以前的字体拘谨则选择奔放的字帖；如字体散漫则选择严谨的字帖；如字体呆板则选择潇洒的字帖；如字体软滑则选择坚挺的字帖，若字体臃肿则选择清秀的字帖。
这样练上二到三个月，就可以学会新的字体。在学习中常常遇到这样的问题，在刚开始几天进步还快，但过一个时期反到觉得越写越差，这是正常现象。
这时要沉住气，继续练下去，再经过一段时间的努力，就能走出困境而上轨道。临摹的目的是将以前的字忘掉，将字帖上的字记住，加以应用。