Hide the empty collapsible tab and close the tab on one click (Mobilia theme)

Store Design
1

Hi everyone,

Previously I created a 20 collapsible tab for my FAQs section but I run into a situation where I have to fill out all 20 tabs with a text. Otherwise, the empty tab will still display on my faqs section without any text.

My first question is If there’s a way to make the collapsible tab more responsive? like it could be automatically disabled when no texts filled in? Please see red section on the screenshot below.

KcZyien_0-1659420658318.png
KcZyien_0-1659420658318.png1170×934 88.9 KB

https://wallartfantasy.com/collections/best-sellers/products/janpanese-anime-poster-prints-canvas-wall-art-modular-5pcs-canvas-painting-for-living-room

Another question is that I want to know if there is a way to close my collapsible tab on one click?

KcZyien_1-1659421122874.png
KcZyien_1-1659421122874.png986×254 62.4 KB

I appreciate all the response and help regarding my questions and thanks in advance.

2

Hello @KcZyien

You have to edit your tab liquid code if you don’t want to show blank text. You can share your code screenshot.

3

Hello @solverStaff

Please see the code below.. not sure if that is what you need.

You can also visit my site wallartfantasy.com

Thank you for the help.

KcZyien_0-1659426151703.png
KcZyien_0-1659426151703.png2774×1482 630 KB

4

Please share your liquid code. Actually it’s need some customization code. If you’d like to discuss this more, don’t hesitate to send me a PM.