2011-03-24 52 views
0

我有我的頁面的FAQ部分的jQuery隱藏/顯示div腳本。關閉jQuery隱藏/顯示加載的div?

除加載時打開的問題以外,一切都很好,我希望它們關閉。

下面是腳本:

<script type="text/javascript"> 
$(document).ready(function(){ 

$('.faq-row-head a').click(function() { 
     $(this).parent().toggleClass('opened'); 
     $(this).parents('.faq-row').find('.faq-row-entry').slideToggle(); 
     return false; 
    }); 

    $('.faq-close').click(function() { 
     $(this).parents('.faq-row').find('.opened').removeClass('opened'); 
     $(this).parents('.faq-row').find('.faq-row-entry').slideUp(); 
     return false; 
    }); 
}); 

</script> 

這裏

任何人都可以請幫我嗎?

回答

5

在第一線將這個:

$(".faq-div").hide(); 
+2

像的情況這對於非JavaScript用戶來說是一大優勢。沒有JavaScript的用戶無法顯示隱藏的內容。但是,如果JavaScript也用於隱藏內容,則未啓用JavaScript的用戶可以訪問所有內容,因爲它永遠不會被隱藏。 – 2011-03-24 04:29:41

0

在默認情況下隱藏的行條目。添加一個style="display: none"屬性將做你想要的。

+0

嗨,我是jQuery的新手,我會在哪裏輸入該屬性? – thenetwork 2011-03-24 04:30:11

+0

在元素本身。像''div style =「display:none」>' – nornagon 2011-03-25 01:31:11

0

第一次使用下面的線,而中..

$(本)。家長( 'FAQ行。 ')找到(' FAQ行進入')隱藏()。

嘗試一次..我不確定。

+0

嘿,我試過這個,它一直保持打開狀態,當你關閉它時,它不會再打開。 hmmmm – thenetwork 2011-03-24 04:33:46

+0

你問了如何添加屬性right ..保留@nornagon回答 這裏是..如果我猜對.. $(。faq-row-entry).attr('style',「diaply-沒有」); – 2011-03-24 04:43:54

0

移動所有的腳本來結束你的HTML/JSP,然後嘗試添加該在$第一行(document).ready函數:雖然平時我喜歡一個CSS的解決方案

$(".faq-row-entry").hide();