Herkese merhaba,
Bir menü üzerinde çalışıyorum. Aşağıdaki kod aşağıya açılır menüyü mümkün kılıyor. Ben aşağı açılır menü yanında yana (sağa) açılır bir menü daha eklemek istiyorum. Ancak bunu başamadım. Örneğin, elektronik menüsü aşağı açılınca "Telefon" gözüküyor. Telefon'nun yana açılarak (sağ taraf) yeni bir bileşen eklemek istiyorum. Örneğin : Anroid Telefonlar gibi.

CSS Kodları:
<style>

#exportimportdownid:hover {
background-color: #068587; border-bottom: 3px solid #f2b134;}

.dropdown-contentdown {
display: none; position: absolute; background-color: #4fb99f; min-width: 130px; z-index: 1;}

.dropdown-contentdown a
{ padding: 12px 16px; display: block; font-size: 16px;}


.dropdown-contentdown a:hover {
background-color: #f2b134;}

.dropdowndown:hover .dropdown-contentdown
{ display: block; margin-top: 3px;}

.dropdown-contentdown #ahrefidexport2
{ padding: 12px 16px; display: block; font-size: 16px;}

</style>
HTML Kodları:

ul class="exportimportdownclass">

    <li class="dropdowndown" id="exportimportdownid">    
             <a href="#" id="ahrefidexport">Elektronik</a>
        <div class="dropdown-contentdown">        
                 <a href="javascript:void(0)" class="downahref11">Telefon   </a>
  
      </div>  

 </li>