如何修改脚本使Elementor手风琴默认关闭效果仅作用于指定区域？

原始脚本：

<script>
jQuery(document).ready(function($) {
var delay = 100; setTimeout(function() {
$('.elementor-tab-title').removeClass('elementor-active');
 $('.elementor-tab-content').css('display', 'none'); }, delay);
});
</script>

我使用上述脚本使Elementor手风琴的第一项默认处于关闭状态，该脚本当前会作用于页面上所有手风琴（符合预期）。请问如何修改该脚本，使其仅作用于带有CSS类：xyz的特定页面区域？

修改后的脚本 #

只需在选择器前添加.xyz作为父级限定，让脚本只作用于xyz类容器内的手风琴元素：

<script>
jQuery(document).ready(function($) {
var delay = 100; 
setTimeout(function() {
  // 仅选中.xyz容器内的手风琴标题和内容
  $('.xyz .elementor-tab-title').removeClass('elementor-active');
  $('.xyz .elementor-tab-content').css('display', 'none'); 
}, delay);
});
</script>

说明 #

• 通过在原始选择器前加上.xyz ，将脚本的作用范围限定在拥有xyz类的元素内部，页面中其他区域的Elementor手风琴不会受到影响。
• 确保你的目标区域（比如包含手风琴的Elementor区块、栏目）确实添加了xyz这个CSS类。

内容的提问来源于stack exchange，提问作者Bhavesh Shaha