jQuery的滑块隐藏在第一：回退的人没有JavaScript

Question

我有一个小的帮助，人们可以点击一个链接的问题上，答案似乎很好，使用jQuery slideToggle()。

答案默认是隐藏的，你必须点击他们，使他们出现。 我不想在页面加载时有初始幻灯片。

的问题是，人们没有JavaScript无法做出答案出现。为了让这些人看到他们，他们应该是直接可见的。

这是可能的，如果我在当页面加载的答案滑动，但我找到解决办法不雅。任何想法如何保持我的解决方案？

我做了一个的jsfiddle这里：http://jsfiddle.net/s5HNd/3/

我的代码：

HTML：

<div> 
<ul class="faqquestions"> 
    <li> 
     <span class="faqlink">First Question</span> 
     <div class="faqreponse">First answer</div> 
    </li> 
    <li> 
     <span class="faqlink">Second question</span> 
     <div class="faqreponse">Second answer</div> 
    </li> 
</ul> 
</div> 

CSS：

ul.faqquestions li { cursor: pointer; } 
div.faqreponse { overflow: hidden; } 

的JavaScript：

$(document).ready(function() { 
    'use strict'; 
    $("ul.faqquestions li").each(function() { 
     var tis = $(this), state = false, answer = 
      tis.children(".faqreponse").hide().css('height', 'auto').slideUp(); 

     $(this).children(".faqlink").click(function() { 
      state = !state; 
      answer.slideToggle(state); 
     }); 
    }); 
}); 

Answer 1

随着this question我发现noscript标签可以是，但在head，这是有效的HTML5。此外，样式可以写在里面！

因此，解决办法是添加了head标签页之间的这种代码：

<noscript> 
<style> 
    div.faqreponse { 
     height: auto; 
     overflow: visible; 
    } 
</style> 
</noscript> 

Answer 2

（加载每个答案元素时，甚至），你可以在默认情况下可见的答案，并在页面加载时，您可以隐藏通过JavaScript的答案（您可能需要使用.slideToggle(0)这应该将它们立即关闭）。这样，那些使用JavaScript的人仍然可以打开/关闭答案，但是由于没有被关闭，他们会显示给非JS用户。

不可否认，因为你必须要等到事情被加载，这可能不会是JavaScript的用户赏心悦目的（这是广大网民在那里）。我会仔细权衡这个建议noscript。你期望有很大一部分观众有JS被禁用吗？