multiple drop down columns side by side

hello everyone, i am trying to figure out the following. 

I currently have a list of brands with dropdown models. Instead of one long column i'd like to do 2 or maybe 3 columns side by side. is there any way to do this in just one box? or am i going to have to add 3 boxes side by side?

this is current code

<ul class="accordion">  
  <a class= "toggle" href= "javascript:void (0);"><h3>Aalborg Industries</h3></a>
  <ul class= "inner">
  <li>KBO-R40M
   <li>MISSION OC 3000/2400 KG/H
     <li>MISSIONTM OC
       <li>OID 01 A
           <li>AQ – 16
             <li>RMS9
               <li>AQ-12
                 <li>And any other Aalborg industry models you might need.</li>
  </ul>

from here on it repeats with  different brand and models.  how can i get this done?

Can you share link to your site? Difficult to imagine with only code..

1 hour ago, tuanphan said:

Can you share link to your site? Difficult to imagine with only code..

forgot to update this, i ended up just splitting the code between 3 side by side blocks.  not ideal solution but a solution nonetheless

Hi, can someone please expand on how you got 2 or 3 dropdown/accordian boxes, with different information, side by side on one page? I've figured out how to add one set (eg. FAQ) on a page, but I've got 3 different sets I need to have side by side. Thanks for any help!

11 hours ago, VanessaBell said:

Hi, can someone please expand on how you got 2 or 3 dropdown/accordian boxes, with different information, side by side on one page? I've figured out how to add one set (eg. FAQ) on a page, but I've got 3 different sets I need to have side by side. Thanks for any help!

Can you share link to this product? We can check easier

Thanks for responding @tuanphan, but I solved an issue by using menu blocks instead 🙂