Drupal JavaScripts to hide and show resources
{# 1. Main slider paragraph template #} {# File: templates/paragraph--slider-with-resources.html.twig #} <div class="slider-with-resources-wrapper"> <div class="slider-container" data-slick='{"dots": true, "arrows": true, "infinite": true, "speed": 300, "slidesToShow": 1, "slidesToScroll": 1, "responsive": [{"breakpoint": 768, "settings": {"arrows": false}}]}'> {% for item in slider_items %} {{ drupal_entity('paragraph', item.id(), 'default') }} {% endfor %} </div> </div> {# 2. Slider item template #} {# File: templates/paragraph--slider-item.html.twig #} <div class="slider-item"> <div class="container-fluid"> <div class="row"> <div class="col-lg-6 col-md-12"> {% if content.field_slide_image %} <div class=...