2011-03-24 58 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();