我對包含表單的div有以下標記。該表格有一個基本的搜索div和高級div。根據輸入字段中包含的任何值顯示隱藏的div
<div class="form">
<form>
<input type="text" name="first_name">
<input type="text" name="last_name">
<div class="Basic" class="slide">
<input type="text" name="location">
</div>
<a class="toggle-link" onclick="ShowDiv('Adv');">+ show advanced fields</a>
<div id="Adv" class="slide hidden">
<input type="text" name="first_name2">
<input type="text" name="last_name2">
<input type="text" name="street">
<input type="text" name="town">
<input type="text" name="country">
</div>
</form>
<a onclick="ShowDiv('Basic');">- hide advanced fields</a>
</div>
隱藏/顯示是基於運作上下面的腳本:
function HideDiv() {
$('.slide').hide();
}
function ShowDiv(ctrl) {
HideDiv();
$('#' + ctrl).show();
}
ShowDiv('Basic');
我的問題(這是基於現有問題的後續票,我從來沒有設法去上班)是我想要一個用戶,當他返回到這個搜索表單時,如果他首先使用了高級搜索表單,那麼他將被展示高級div。因此,如果任何輸入字段包含任何數據值,則當用戶返回頁面時div應該打開。
到目前爲止我有這個代碼,但它不起作用。
$(document).ready(function() {
$(function(){
$("div#Adv input").each(function(){
if($(this).val()!='')
$(this).parent().parent().show();
return;
});
});
這似乎是工作。現在唯一的問題是,當顯示div時,+ show advanced fields也是如此。需要在你的代碼中添加什麼,所以當div顯示時,類=「toggle-link」隱藏起來 – gek 2012-03-23 10:57:07
@ aa1。我將它添加到答案中。 – gdoron 2012-03-23 12:26:15