JQuery .slideToggle()

Question

我在 JQuery 中使用 slipToggle() 来显示 div。但这不起作用。

我做了不同的测试，但没有任何效果......

我有这个:

<div class="domaine">
<a>1. Compétences Scientifiques Transversales</a>
<br>
<div class="ssdomaine" style="display: none;">
    <a>1.1. Sciences et techniques</a>
    <br>
    <div class="competence" style="display: none;">
        <a href="#">1.1.1. Génie thermique et thermodynamique</a>
        <br>
    </div>
</div>

这里只是一个“domaine”，其中包含一个“ssdomaine”，其中包含一个“competence”

但是我在数据库中发出一个请求，该请求可以向我发送多个包含多个“ssdomaine”的“domaine”，其中包含多个“ssdomaine”。

我想创建一个 .slideToggle() 而不指定任何 id。

我的 JQuery 代码是:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script>
$(document).ready(function() {
   $('.ssdomaine').hide();
    $('.competence').hide();
   $('.domaine a').click(function() {
      $(this).next('.ssdomaine').slideToggle(1000);
      return false;
   });
   $('.ssdomaine a').click(function() {
          $(this).next('.competence').slideToggle(1000);
          return false;
    });
 });
</script>

我在此链接中尝试了相同的操作: http://jsfiddle.net/6GRJr/168/

它正在工作，但它只出现在domaine、ssdomaine 和权限中的一次出现上。

有什么想法吗？

Answer 1

这与高度有关，看看这个 fiddle http://jsfiddle.net/6GRJr/169/

更新

它不显示 competence 的原因是，当您加载表单以及在 ssdomaine 上执行 slideToggle 时，它会被隐藏> 它使 ssdomaine 只可见而不是权限

更新

这应该可以做到 http://jsfiddle.net/6GRJr/172/