显示更多/更少的切换不会显示所有内容 [英] Show more/less toggle doesn't show everything

问题描述

我在下面的代码包含2个列表Total Fruits和Random Fruits，我可以将值从一个列表移动到另一个列表，反之亦然。问题是在我将所有水果从随机水果添加到总水果并点击显示更多按钮后，它无法显示完整列表。



我是不确定是什么导致这个问题任何帮助/建议将不胜感激！



我尝试过：



这是我的JSFiddle [ ^ ]

解决方案

为总水果和随机水果 div添加动态高度当点击水果我们需要在添加和删除水果时更改两个div的高度

I have this code below that consist of 2 list Total Fruits and Random Fruits and i'm able to move the values from one list to another and vice versa. The problem is after i add all the fruits from Random fruits to Total fruits and click the show more button it is not able to show the full list.

I'm not really sure what is causing this problem any help / suggestion would be greatly appreciated thanks!

What I have tried:

Here is my JSFiddle[^]

解决方案

Hi,

Add the dynamic height for both Total Fruits and Random Fruits div.when click Fruits we need to change height for both div when add and remove Fruits.

这篇关于显示更多/更少的切换不会显示所有内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！