Скрыть/показать div на основе введенной формы

Question

У меня есть расширенный поиск div, который имеет 5 полей ввода формы внутри. Этот div скрыт по умолчанию и является частью формы поиска. Когда пользователь возвращается на эту страницу с страницы результатов, я хочу, чтобы div показывал, что любое из 5 полей было заполнено.

HTML, является

<a class="toggle-link" onclick="ShowDiv('Adv');">+ show advanced fields</a> 

    <div id="Adv" class="slide hidden"> 
    <form> 
    <input type="text" name="first_name"> 
    <input type="text" name="last_name"> 
    <input type="text" name="street"> 
    <input type="text" name="town"> 
    <input type="text" name="country"> 
    </form> 
    </div> 

<a onclick="ShowDiv('Basic');">- hide advanced fields</a> 

Существующий JQuery код, который скрыть/показать дивы является:

function HideDiv() { 
     $('.slide').hide(); 
    } 
    function ShowDiv(ctrl) { 
     HideDiv(); 
     $('#' + ctrl).show(); 
    } 
    ShowDiv('Basic'); 

Answer 1

Если вы хотите, чтобы проверить входные элементы вашей формы на странице загрузки тех, содержатся в div (у которого есть id 'Adv'), тогда вы должны запустить свою проверку внутри события готовности документа

$(function(){ 
    $("div#Adv input").each(function(){ 
     if($(this).val()!='') 
      $(this).parent().parent().show(); // 1st parent is form, 2nd parent is Adv div 
      return;      
    }); 
}); 

Скрипка - here.

Это будет работать только в том случае, если ваш вход заполнен (содержит данные) во время загрузки страницы.

После того как ваш вопрос был обновлен, я обновил свою скрипкуhere.