sub nav не сползает правильно

Question

Я пытаюсь создать мгновенный поиск с помощью jQuery и ajax. И как-то он работает нормально, но я использовал вспомогательную навигацию для отображения результатов. Проблема в том, что subnav сползает вниз, но его исчезновение исчезает, когда оно не должно.

Html

<ul> 
<li> 
<form> 

    <input type="text" id="keyword"> 

</form> 
<ul class="subnav"> 

</ul> 
</li> 
</ul> 

JQuery: -

$(document).ready(function() { 

     if ($(this).val().length != "") { 

      $('.submenu').slideDown() 

      $.ajax({ 

       type: "POST", 

       url: "test.php", 

       data: 'keyword=' + $(this).val(), 

       success: function(data) { 

        $('.submenu').html(data); 

       } else { 

        $('.submenu').slideUp() 
       } 

      }) 
     }); 

CSS: .submenu {
ширина: 165px; фон: # F30; позиция: абсолютная; дисплей: нет; }

, когда я упоминаю высоту в CSS он отлично работает, но без высоты ее не работает ..и жаль не организации кода .Это трудно для меня, чтобы сделать это по телефону ..

спасибо advanced

Answer 1

Я считаю, что ваше «else» используется неправильно.

Удалите часть «else» и сделайте что-нибудь для этого эффекта;

 //$('.submenu').slideUp(); 

     $.ajax({ 

      type: "POST", 

      url: "test.php", 

      data: 'keyword=' + $(this).val(), 

      success: function(data) { 
       $('.submenu').slideDown(); 
       $('.submenu').html(data); 

      } 

     }) 

Я закомментирована в верхней строке, как вы можете использовать его, чтобы скрыть subnav в то время как результаты были найдены (вы также можете иметь его slideUp(), а если общие, если функция является ложной , поэтому добавление else в основную функцию if).