2011-06-24 27 views
1

我正在使用此功能來顯示/隱藏div。使用jquery顯示/隱藏div - 不工作

但這不起作用。

它只適用於隱藏而不適用於演出。我需要以緩慢的風格顯示和隱藏字段。

這怎麼辦?

什麼是我的錯在這裏...

$(document).ready(function(){ 
    $("#field-reviewers-items").hide(); 
    $('#edit-field-openforreview-value-1').click(function(){ 
     $("#field-reviewers-items").show(); 
    }); 
    $('#edit-field-openforreview-value-1').click(function(){ 
     $("#field-reviewers-items").hide(); 
    }); 
}); 

回答

3

您設置點擊方法兩次,這意味着$.hide()$.show()後立即運行。這發生得很快,看起來好像$.show()甚至沒有工作。相反,設置的點擊一次,並指示其切換的知名度:

$("#edit-field-openforreview-value-1").click(function(){ 
    $("#field-reviewers-items").fadeToggle('slow'); 
}); 

此代碼假定你想同一個元素來切換#field-reviewers-items元素的可見性;我覺得這是一個安全的假設,因爲您的選擇器對於兩個點擊事件都是相同的。這有可能是你有一個錯字雖然和第二選擇應該是value-2代替:

var $fieldRevItems = $("#field-reviewers-items"); 

$("#edit-field-openforreview-value-1").click(function(){ 
    $fieldRevItems.show('slow'); 
}); 

$("#edit-field-openforreview-value-2").click(function(){ 
    $fieldRevItems.hide('slow'); 
}); 
2
$('#edit-field-openforreview-value-1').click(function() { 
    $("#field-reviewers-items").fadeToggle('slow'); 
}); 

顯示/隱藏在「慢」的風格