Невозможно включить указатель мыши, чтобы отобразить другой список элементов.

Question

Я пытаюсь отобразить больше деталей с помощью переключателя.Ниже приведен фрагмент кода: Стиль:

<style>
    .flyout {
        position:relative;
        width:100px;
        height:150px;
        background:lightblue;
        overflow: hidden;
        z-index:10000;
    }
    .hidden{
        display:none;
    }
</style>

Скрипт для изменения класса при наведении:

<script>
    $j = jQuery.noConflict();

    $j(document).ready(function() {
        $j("#menu").hover(function() {
            $j('.hidden').toggleClass('flyout');
        });
    });
</script>

Этот раздел скрыт по умолчанию:

<ul class="hidden">
    <apex:repeat value="{!Leads}" var="m">
        <li class="leads" >{!m.description__c}<div></div>{!m.assigneddate__c}<div></div>{!m.details__c}</li>        
    </apex:repeat>
</ul> 

Это секция, которая отображается по умолчанию и надетой наверху детали:

<ul class="sideBarList" id="menu">
    <apex:repeat value="{!Leads}" var="m" id="menu">
        <li class="leads">{!m.name}<div></div>{!m.CreatedDate}<div></div>{!m.object__c}</li>        
    </apex:repeat>
</ul>

Answer 1

Попробуйте это так

              <script>
                $j = jQuery.noConflict();
                $j(document).ready(function(){
                $j("#menu").hover(function(){
                $j('#menuLink').toggleClass('hidden');
             });
                    });
             </script>

Изменить этот раздел добавлено id="menuLink"

<ul id="menuLink" class="hidden">
         <apex:repeat value="{!Leads}" var="m">
             <li class="leads" >{!m.description__c}<div></div>{!m.assigneddate__c}<div></div>{!m.details__c}</li>        
         </apex:repeat>
      </ul>