Heim >Web-Frontend >js-Tutorial >jQuery实战之品牌展示列表效果_jquery

jQuery实战之品牌展示列表效果_jquery

WBOY
WBOYOriginal
2016-05-16 18:08:031649Durchsuche

jQuery实战之品牌展示列表效果_jquery

只是初始状态;

jQuery实战之品牌展示列表效果_jquery

这是点击后效果。首相分析下需求:
1,首先在页面中创建导航,单击标题的时候,隐藏内容,同时小图标也改变。
2,单击更多的时候,显示隐藏的链接内容,并将"更多"变成"简化",改变小图标,并高亮部分链接。
下面是完整代码:

复制代码 代码如下:





text







图书分类











Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn