2012-10-19 72 views
0

我有點擊上滑動功能,但一旦顯示,我不希望它再次上滑,一旦用戶再次點擊鏈接,但我可以'似乎得到它的工作。if display = block不啓用功能

根據iv'e的回答,最好使用.is隱藏,但這似乎不能解決問題。

$(document).ready(function() { 
    if ($('#aboutpage').is(":hidden")) { 
     $('.about').click(function() { 
      $(divPages).slideUp(1000); 
      $('#aboutpage').slideDown(1000); 
     }); 
    } 
}); 
+0

那真的不是我想要的。點擊功能使頁面向上滑動,關閉按鈕一旦關閉,我希望它們能夠再次打開它。只是一旦它打開,如果我點擊.about,而其打開它滑動上下同樣的事情打開 –

+1

這聽起來像你正在尋找toogle然後呢? http://api.jquery.com/toggle-event/ – Mahn

回答

1

這是你想要的:演示http://jsfiddle.net/R8WvF/您這裏試玩http://jsfiddle.net/4meXU/更簡單:http://jsfiddle.net/rzqmT/

* 通過更新下面

代碼補丁修正你的頁面

相同的按鈕打開和關閉slideUp和Down。

希望它適合事業:)

代碼

$("#toggleme").click(function(){ 
    $('.bnr').toggle(500); 
}); 
​ 

另一

$(document).ready(function() { 
    $('.about').click(function() { 
     if (!$('#aboutpage').is(":visible")) { 
      $(divPages).slideUp(1000); 
      $('#aboutpage').slideDown(1000); 
     }else{ 
      $(divPages).slideDown(1000); 
      $('#aboutpage').slideUp(1000); 
     } 
    }); 

}); 

var divPages = "#feed, #aboutpage" 

$(document).ready(function() { 
    $('.about').click(function() { 
      $(divPages+', #aboutpage').slideToggle(1000); 

    }); 

}); 
+0

它做我想要的,但問題是我需要背景內容消失。我也想要一個幻燈片效果,而不是那種切換效果。 基本上我需要的功能工作,如果div =顯示無,功能不工作,如果div有塊顯示。 –

+0

@MaximSiebert Saweet bruv,可以請你在上面的演示中輕彈你的html我會幫你'')' –

+0

我對jfidde不熟悉,所以我將它上傳到我的主機供你檢查。我在說的是關於按鈕,一旦你點擊它,關於頁面就會滑落。一旦起來,如果你再次點擊它會導致一些事情。 http://maximsiebert.com/unamed/Untitled-1.html –

相關問題