我有一个“表单”，它显示文本反馈（2个选项），这取决于选中的复选框的数量。原则上这是有效的，但是我想改进文本显示方式的动画/转换。

如果选中所有复选框，则a将滑入视图。任何其他金额，你会得到一个单独的消息，功能相同。目前这是‘硬编码’到5个复选框。不知道是否有可能基于数据属性或其他东西使其更加灵活，所以如果将来有6-这不是一个全新的JS块？

但主要目标是当消息显示时，它会滑入视图。但是，如果您更改了答案并再次单击“提交”，则动画会变得很简单。

所以我想改进更新之间的转换。我在其他地方做过这样的工作，它只是第一次滑动打开（如果那样更容易的话），但我不能让它在这个版本上工作。

此处的其他实现:https://codepen.io/moy/pen/lydoebg

但如果可能的话，我希望两者保持一致。所以只要刷新/更新/淡入淡出就可以了，而不是两者都滑动。除非至少可以让下面的页面/内容滑动/推送不优雅？

顺晟科技：

我认为这是朝着正确的方向发展。我添加了一个动画来关闭。 您还可以添加一个检查，以确保如果文本不会更改，它不会向上滑动或向下滑动

我认为Jess的动画正是您所要寻找的，因此此解决方案基于

如果选中所有复选框，则将p滑入视图。任何其他金额，你会得到一个单独的消息，功能相同。目前这是‘硬编码’到5个复选框。不知道是否有可能基于数据属性或其他东西使其更加灵活，所以如果将来有6-这不是一个全新的JS块？

要确保正确处理-Element上的onclick eventlistener，请使用。由于元素是一个-元素，单击它将强制您的screenview跳到顶部。确保在单击链接时视口保持在原位（尽管在语义和可访问性方面使其成为or是正确的，除非它实际上是一个将重定向用户的链接）

当您说您想要一个“动态解决方案”时，我将假设您希望在选择所有输入时显示当选择5个输入时出现的消息，而不管有多少输入元素。

您已经有了一个变量，该变量包含选中的复选框数量的长度。只需创建一个非常相似的新变量来保存表单中复选框总量的长度，并在your-语句中将这两个变量设置为彼此相等。这样，如果选中了所有复选框，您的消息将始终显示出来。