JS点击收缩与展开

2019-11-02 18:48   编辑:admin   人气: 次   评论(

  百度知道电脑/网络编程语言JavaScript

  我要现实一个效果,现在却不知道该怎么做了,在网上找了很久也没有找到自己想要的效果,我要的效果很简单。一个页面里面有很多个标签,而且标签内容是用程序套用的,不能改标签,只能...

  我要现实一个效果,现在却不知道该怎么做了,在网上找了很久也没有找到自己想要的效果,我要的效果很简单。

  一个页面里面有很多个标签,而且标签内容是用程序套用的,不能改标签,只能在标签上面添加ID或name

  默认显示8个,其他的全部隐藏掉,少于8个全部显示,多于8个就隐藏,然后点击展开按钮全部显示出来,这个要怎么做呢?不能设置高度,只能控制它的个数,在线的同学,帮个忙啊!谢谢!!在线等

  可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。

  最好是用样式来控制显示隐藏show和hide,从jquery对dom的操作速度方便来考虑的话。

  跳动是因为加载jquery库需要一段时间。我写的是调用的外网的jquery肯定有点慢,另外你要想一开始就把多余的隐藏,最好的办法就是程序判断第9个开始输出一个class=hid,这样最靠谱。或者换个思路首先将所有的隐藏 用js来将前面8个显示出来。int那个方法改一下就可以了

  正解!你说的这两个都是我最想要的,我觉得第一个比第二个比较好,我只是不知道如何判断第9个开始输出一个class=hid?

  不知道你用的什么语言,不过有个方法java php asp都可以公用。就是定义个一变量 i=0; 你程序循环的时候每循环一次 i++; 如果i7 就输出那个class。拿java为例:

  简单吧 php foreach的话就更简单了 判断里面的$key就可以了追问我不知道他做程序的时候用的是什么语句,我给你一个网站你打开看看就知道了,你输入晶购水晶购是三个字就是水晶拼音,打开之后,你找到优惠专题活动,下面有个一个列表,你看看应该就知道了。追答

  希望对你有帮助,望采纳O(∩_∩)O更多追问追答追问这位兄弟,你能不能把html代码部份粘贴出来呢?我想看看你是怎么做的,嘻嘻,你这个貌似只有展开的吧?没有隐藏的啊?追答html代码

  !--实际上应该是你循环出来的标签,在这我就手写几个--

  我这边成功了,你试一下吧追问我晕,你回答速度挺快的嘛,只是少了一个效果啊,展开之后,不能关闭啊!哥!你能不能一次性帮我弄好呢,我真的很急啊!追答我也是回答后才看到你的问题补充嘛!!!哥!!

  input type=button onclick=showAll() 哥不是这样的!我只能说,ul里面的li标签上面不能加任何标签,就是因为不能加任何标签我才提问,下面ul里面的li是循环的,在程序里面只有一个li,我在补充问题的时候也说了,默认显示8个,其他的全部隐藏,当你点击a标签的时候,下面ul标签里面的内容全部显示出来啦!再点击的时候只显示8个li,哥!下面那个“vganchou”回答的正是我要的效果,我只是不知道他那个为什么会有跳动啦嗯,跳动是不是因为他隐藏了下面的会自动上去,你把ul设个固定高度吧,然后再显示的时候再重新设置一下ul的高度,你要不试试?

  初始化的时候执行以下该函数传入两个参数,显示多少个,还有就是标签对象(使用jquery选择器)

  至于展开按钮,你可以在执行一次改按钮,将标签对象的大小传入进去(jquery的size)方法;相当于显示所有

  点击收缩的时候再执行一次showOrHidden(8,$(aliDiv li));