[英]Slide Up/Down with jQuery
我需要向上/向下滑動或僅顯示和隱藏div,但它不起作用。 我的代碼:
<div class="facilities">
<div id="facheader">
<div class="facheadname">
Facilities
</div>
<div class="facheaderbutton">
△
</div>
</div>
<div id="factable">
<table border="0">
<tr><div class="factableheader">
<th>Name</th><th>City</th><th>Country</th><th>Compliance Certification</th><th>Audit History</th><th>Date</th><th>Remediation History</th><th>Date</th></div>
</tr>
<tr>
<td>Kowloon</td><td>Hong Kong</td><td>Hong Kong</td><td>cGMP-FDA</td><td>Compliant cGMP-SeerPharma</td><td>12/12/10</td><td>Clean room staff training – IRB-C</td><td>01/03/05</td>
</tr>
</table>
</div>
</div>
我嘗試了代碼-它隱藏了內容,但再次按下時不顯示:
$('#facheader').click(function(){
if ($('#factable').is(':hidden')){
$('#factable').show();}
else{
$('.contclickedinfo').hide();
}
return false;
});
$('#factable').click(function(e) {
e.stopPropagation();
});
$(document).click(function() {
$('#factable').hide();
});
我也嘗試了這些,但是它們根本不起作用:
$(document).ready(function(){
$('#facheader').click(function(){
$('#factable').slideUp(), function(){
$('#factable').slideDown();
});
});
和
$('#facheader').toggle(function(){
$('#factable').slideUp(800); // Text slides up
}, function(){
$('#factable').slideDown(800); // Text slides down
});
$('#facheader').click(function() {
if ($('#factable').is(':visible'))
$('#factable').slideUp(800); // Text slides up
else
$('#factable').slideDown(800); // Text slides down
});
$('#facheader').click(function() {
if ($('#factable').is(':visible')){
$('#factable').hide();
} else {
$('#factable').show();
}
return false;
});
那應該按照您想要的方式工作。 我更改了要隱藏的元素,因為您選擇了其他元素。 此外, :visible
選擇器比:hidden
提供更好的服務。 我不確定為什么:hidden
並不總是按照我們期望的方式工作。
帶撥動功能的短褲
$("#facheader").click(function(){
$("#factable").slideToggle(); /* between () you can define speed in MS */
});
因為它不是觸發幻燈片的鏈接,所以您不需要返回false或stopPropagation。
奇怪的是:
<tr><div class="factableheader">
當瀏覽器看到此內容時,它們會將您放在桌子外面。
您是否正在使用具有相同ID的多個DIV?
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.