2010-11-09 50 views
0

代碼:jQuery的.toggle()不工作

$(document).ready(function() { 
    $('#new_opt').click(function() { 
     $('#reg_form').toggle('slow'); 
    }); 
}); 

使用Firefox。
我第一次點擊時,它會顯示,但當我點擊後,它不會隱藏。

CSS:

#reg_form - display: none; 

如果有幫助 -

#new_opt - cursor: pointer; 

當我點擊第一次光標指針,它表明,但在此之後,光標不會成爲一個指針了。奇怪的。

+1

請定義「不工作」。 – deceze 2010-11-09 06:14:19

+1

如果可以,請在照片前後給我們看,並註明您的期望。 (什麼,一個人可以夢想,不是嗎?) – 2010-11-09 06:15:33

+0

既是ids也是類new_opt和_reg_form,這也很重要。 – kobe 2010-11-09 06:15:37

回答

0

問題是加載的div(#reg_form)的某些部分覆蓋了#new_opt div,因此光標不會更改爲指針,而toggle()不工作。

+0

很高興聽到問題得到解決。 – rahul 2010-11-09 06:36:21

+0

你們來自印度? – Sussagittikasusa 2010-11-09 06:39:55

+0

是的,但在這裏工作。 – kobe 2010-11-09 06:58:08

0

試試這個:

$(document).ready(function() { 
    $('#reg_form').hide(); 
    $('#new_opt').click(function() { 
     $('#reg_form').toggle('slow'); 
    }); 
}); 

,並刪除CSS。

+0

不工作的兄弟。 – Sussagittikasusa 2010-11-09 06:30:24

+0

@Sussagittikasusa。請鏈接到我們可以看到問題的頁面。或者在jsfiddle中做。 – rahul 2010-11-09 06:31:45

+0

@ Sussag請使用完整的html,css編輯您的問題或創建一個jsfiddle鏈接,爲什麼要打和跟蹤,我們可以easliy修復問題,如果您可以提供代碼 – kobe 2010-11-09 06:32:36