如何让show和hide函数在每组div上工作

要让show和hide函数在每组div上工作，可以采用以下步骤：

为每组div添加一个共同的类名，以便在代码中选择这些div。例如，可以为每组div添加class="group"。
使用JavaScript或jQuery编写show和hide函数，并将它们绑定到相应的事件上。例如，可以将show函数绑定到点击某个按钮时的事件上，将hide函数绑定到另一个按钮的事件上。
在show函数中，选择所有具有共同类名的div元素，并将它们的显示属性设置为可见。可以使用JavaScript的classList或jQuery的addClass方法来添加类名。
在hide函数中，选择所有具有共同类名的div元素，并将它们的显示属性设置为隐藏。可以使用JavaScript的classList或jQuery的removeClass方法来移除类名。

示例代码如下（使用jQuery）：

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <style>
    .group {
      display: none;
    }
  </style>
</head>
<body>
  <button id="showBtn">Show Divs</button>
  <button id="hideBtn">Hide Divs</button>

  <div class="group">Group 1 - Div 1</div>
  <div class="group">Group 1 - Div 2</div>
  <div class="group">Group 1 - Div 3</div>

  <div class="group">Group 2 - Div 1</div>
  <div class="group">Group 2 - Div 2</div>
  <div class="group">Group 2 - Div 3</div>

  <script>
    $(document).ready(function() {
      // Show divs
      $('#showBtn').click(function() {
        $('.group').show();
      });

      // Hide divs
      $('#hideBtn').click(function() {
        $('.group').hide();
      });
    });
  </script>
</body>
</html>

在上述示例代码中，我们首先定义了一个样式规则，将具有类名"group"的div元素隐藏起来。然后，通过jQuery选择器选取具有类名"group"的div元素，并在show函数中使用show方法将它们显示出来，在hide函数中使用hide方法将它们隐藏起来。最后，我们通过点击按钮来调用相应的函数，实现显示和隐藏div元素的功能。

对于腾讯云的相关产品和介绍链接，由于题目要求不提及具体品牌商，无法提供相关链接。但是腾讯云提供了丰富的云计算产品，包括云服务器、对象存储、云数据库、人工智能等，您可以在腾讯云官方网站上查看更多详细信息。