Menu icon Foundation
Accordion title with select tag

Hello,

I have created an accordion using Foundation 6 and its title is having a select tag inside. Now when I'm trying to open the select tag it slide toggles the accordion content also.

What is expected is that, the accordion content should not toggle when we click on the select tag inside the accordion title. The content will open when we click on title, but not when clicked on select inside the title.

foundation 6accordion

Hello,

I have created an accordion using Foundation 6 and its title is having a select tag inside. Now when I'm trying to open the select tag it slide toggles the accordion content also.

What is expected is that, the accordion content should not toggle when we click on the select tag inside the accordion title. The content will open when we click on title, but not when clicked on select inside the title.

This post has been closed. No new replies can be added.

Dinesh 8 months ago

I've done this using below jQuery for now. 

$("a.accordion-title select").click(function(ev){

ev.stopPropagation();

});

However it'd be nice to have some option or data attribute for this.