jQuery如何實現toggleClick功能

我有div部分，可以隱藏/顯示基於單擊按鈕。我使用這個jQuery代碼來顯示/隱藏基於點擊「pop-design1」，「pop-design2」，「pop-design3」按鈕的div。jQuery如何實現toggleClick功能

當點擊「彈出式設計1」按鈕，一旦它顯示的股利。現在我想實現的是當它再次被點擊時，它與腳本相反。

我認爲jQuery有一個功能toggleClick一次可以實現這樣的事情，但現在已經被棄用了。

感謝您的時間

感謝

來源

2015-04-25 Alex Zahir

添加活鏈接，以幫助使其更清晰。感謝您的幫助 –

使用原生javascript。這很容易實現。只需用計數器設置一個屬性即可。使用一個條件來檢查計數器是否設置。 –

代替removeClass()或addClass()，使用toggleClass()和替代css('display',...)使用.toggle()

$('.pop-design1').click(function(){ 
    $(".design-preview li:not(.design-preview2).selected").removeClass('selected'); 
    $(".design-list li:not(.design-list2).selected").removeClass('selected'); 
    $(".design-preview2").toggleClass('selected'); 
    $(".design-list2").toggleClass('selected'); 
    $(".overlay").toggle(); 
});

來源

2015-04-25 16:48:58

我試過這個，但它混淆了不同的內容div顯示在對方之上。爲了給你一個想法，這是使用你的代碼的實時頁面： http://www.expertfrontend.com/test/2.html –

嘗試更新的代碼。 –

這很不錯。就一件事。當加號被點擊時，圓圈改變它的背景，大小，加號變成減號。當第二次點擊時它應該回到當前狀態。儘管如此，它現在傾向於保持「減大尺寸不同背景色」的狀態。您的新代碼的動態鏈接：http：//www.expertfrontend.com/test/2.html –

jQuery如何實現toggleClick功能

回答

相關問題