mouse enter mouse leave help для большого массива информации

Question

Мне бы тоже хотелось установить ссылку для каждого штата и каждого города. , когда состояние li зависает над i, только хочу, чтобы это отображали города, чтобы показать .... , но я знаю только немного кода jquery и им не идеально с пониманием селекторов, im не уверен, как использовать. каждый функция jquery .... пожалуйста помогите !!!! PHP код:

<? 
$everything = array(
     'states'=>array(
      'Alabama'=>array('Birmingham,Montgomery,Mobile,Huntsville,Tuscaloosa'), 
      'Alaska'=>array('Anchorage,Juneau,Fairbanks,Sitka,Ketchikan'), 
      'Arizona'=>array('Phoenix,Tuscon,Mesa,Glendale,Scottsdale'), 
      'Arkansas'=>array('Little Rock,Fort Smith,North Little Rock,Fayetteville,Jonesboro'), 

     ) 
); 
$id = md5(0); 
$controll = 0; 
$here = md5('states'); 
echo "<div id=\"9090\"><ol id=\"selectable\">"; 
    foreach($everything['states'] as $state=>$city){ 
    $citys = explode(',',$city[0]); 
    echo "<li class=\"ui-state-default\"><a class=\"contr\" href=\"#\">$state</a> <div class=\"citys\">"; 
     foreach($citys as $key=>$x){ 
      echo "<a href=\"#\">$x</a><br>";  
     } 
    "</div></li>"; 
    } 

echo "</ol></div>"; 
?> 

JQuery:

<script> 

     $(function() { 
      $("#selectable").selectable(); 
     }); 
     $('.ui-state-default').mouseenter(function(e) { 
// here when i hover over this state all citys show i just want the cities for this sate 
      $('.citys').toggle(); 
     }).mouseleave(function(e) { 
// here when i leave this state li all theese citites should leave 
      $('.citys').toggle(); 
     });; 

    </script> 

Answer 1

Вам нужно добавить контекст при поиске города, как этот $('.citys', this).toggle();
Это будет искать .citys элементов, расположенных внутри this, который в этом случае является завис .ui-state-default элемент.

 $('.ui-state-default').mouseenter(function(e) { 
      $('.citys', this).toggle(); // added this 
     }).mouseleave(function(e) { 
      $('.citys', this).toggle(); // added this 
     }); 

Посмотрите, как использовать параметр контекста в http://api.jquery.com/jquery/#jQuery1

---

В качестве альтернативы вы можете использовать .find()

$(this).find('.citys').toggle(); 

Answer 2

Вам не нужно JavaScript для этого. Посмотрите «css: hover» ... все это можно обработать таблицами стилей.