如何正确地将两个js合并为一个，以避免冲突

Question

我想合并两个js，以避免现在正在发生的冲突，但我不太了解JS。我有元素，它隐藏在点击，我需要它在加载时隐藏。现在，它在加载时是可见的。所以我试着点击load，但它导致了问题。那么我应该如何将这两个js合并为一个呢？

        <script>
                    $(document).ready(function(){
                    $(".infox").click();
                    });
        </script>

        <script>
                      $(document).on("click", ".infox", function() {
                         $(".infoBlock").toggleClass("in out");
                         $(".minus7").slideToggle();
                         $(".crosx").toggleClass("rotex");
                      });
        </script>

谢谢你的帮助

Answer 1

在将合并代码的单个脚本标记中添加代码

   <script>
     $(document).ready(function(){
                        $(".infox").click();
                        });
     $(document).on("click", ".infox", function() {
                             $(".infoBlock").toggleClass("in out");
                             $(".minus7").slideToggle();
                             $(".crosx").toggleClass("rotex");
                          });
  </script>