2012-11-07 26 views
1

我不是一個很好的jQuery編碼器。其實我是新的和可怕的,我想知道如果有人能幫助我。jQuery - 檢查slideToggle在什麼狀態

我有一堆divs,我正在使用slideToggle來顯示選項。我目前的代碼工作。但是當有人點擊鏈接時,我想要檢查是否有任何「打開」的幻燈片。如果有的話,關閉它們,然後打開我點擊的那個。

我相信我目前的代碼不好,所以任何幫助清理它並添加這個功能將不勝感激。

的代碼如下:

<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    jQuery("#parent-print").click(function(e) { 
     jQuery("#child-print").slideToggle(); 
     e.preventDefault(); 
    }); 

    jQuery("#parent-web").click(function(e) { 
     jQuery("#child-web").slideToggle(); 
     e.preventDefault(); 
    }); 

    jQuery("#parent-inspiration").click(function(e) { 
     jQuery("#child-inspiration").slideToggle(); 
     e.preventDefault(); 
    }); 
}); 
</script> 

謝謝

回答

2

你試過嗎?

if(jQuery('#parent-web').is(':hidden')){..} 

http://api.jquery.com/hidden-selector/

+0

唉唉是有道理的......美麗的作品...謝謝! – BigJobbies

+0

不客氣:) – RRikesh

+0

作爲一個offtopic,如果您使用'jQuery(document).ready(function($)'而不是'jQuery(document).ready(function()',您將能夠使用' $'''parent-web')''而不是'jQuery('#parent-web')' – RRikesh