show and hide all sections with dropdown select options it ones in elementor

تبليغ
سؤال

يرجى شرح بإيجاز لمإذا تشعر أنك ينبغي الإبلاغ عن هذا السؤال.

تبليغ
‎إلغاء

I have a dropdown list
below it, I have 9 section

1.section id=Hige x 3

2.section id=Medium x 3

3.section id=Low x 3

I tend to do – when I select Hige, all sections with Hige will be shown. when I choose Medium only all sections of Medium will be shown. And so on. I use jQuery for this
The problem is that it only shows one section, Hige or Medium or Low

Thanks for all the answers and helpers really thank you very much

the code I write is:

<select id=”test” >
<option value=”High”>High room</option>
<option value=”Medium”>Medium room</option>
<option value=”Low”>low room</option>
</select>

.content{
display: none;
}
#High{
display: block;
}
jQuery(function() {
jQuery(‘#test’).change(function(){
jQuery(‘.content’).hide();
jQuery(‘#’ + jQuery(this).val()).show();

});
});

0
X 4 أشهر 2022-07-10T12:05:32+03:00 0 إجابة 4 مشاهدات مبتدئ 0

‫أضف إجابة

تصفح
تصفح

مجهول يجيب