Why is Javascript only applying slide event to one section?

Technical Q&A
1

I created a section with Icon Sliders. And I’m doing the Slider with Javascript, but when I put 2 sections on the same page it apparently hides one of the sections and only applies the slide event in the other section.


    {%- for block in section.blocks -%}{%- assign b_i = block.settings -%}
        

            
            

{{ b_i.title }}

        

    {%- endfor -%}

{% schema %}
{
  "name": "Icon Sliders",
  "class": "index-section",
  "blocks": [
    {
        "type": "item",
        "name": "Banner",
        "settings": [
            {
                "type": "text",
                "id": "icon",
                "label": "Wokiee icon",
                "default": "icon-f-48",
                "info": "[Wokiee Icons](\/\/portotheme.com\/shopify\/wokiee\/icons)"
            },
            {
                "type": "text",
                "id": "title",
                "label": "Title",
                "default": "FREE SHIPPING"
            }
        ]
    }
   ],
  "presets": [
        {
        "name": "Icon Sliders",
        "category": "Banner"
        }
    ]
}
{% endschema %}