Html Div高度不小于'；t形开关

我正在尝试使用jquery切换div的高度。 我有这个html代码

  <div id="content" align="center">
<p class="welcome-message"><b><img src="./dashboard/images/website-management.png">
WEBSITEs UNDER MANAGEMENT</b></p>

<p class="welcome-message">
<!-- email account -->
</p><div id="website-acc">
<a class="dropdown-link" href="#"><p class="fb-head"><img src="./dashboard/images/acc_arr.png" style="margin-right:5px;"><b>WEBSITE </b></p></a>
    <div>
<div class="dropdown-container" style="display: none;">
<table width="50%" border="0">
  <tbody><tr>
    <td>Website URL:</td>
       <td>http://ihgcareersblog.com/</td>
  </tr>

  <tr>
    <td>Date of creation:</td>
       <td>8/7/2012</td>
  </tr>
  <tr>
    <td>Expiration date:</td>
    <td>8/6/2013</td>
  </tr>
  <tr>
    <td>Hosting Package:</td>
    <td></td>
  </tr>

</tbody></table>

</div>





    </div>
</div>
<!-- end email acc-->
<p></p>
<p class="welcome-message">
<!-- email account -->
</p><div id="website-acc">
<a class="dropdown-link" href="#"><p class="fb-head"><img src="./dashboard/images/acc_arr.png" style="margin-right:5px;"><b>WEBSITE </b></p></a>
    <div>
<div class="dropdown-container" style="display: none;">
<table width="50%" border="0">
  <tbody><tr>
    <td>Website URL:</td>
       <td>http://mysite.com/my_hotjobsubmission</td>
  </tr>

  <tr>
    <td>Date of creation:</td>
       <td>5/31/2013</td>
  </tr>
  <tr>
    <td>Expiration date:</td>
    <td>5/31/2014</td>
  </tr>
  <tr>
    <td>Hosting Package:</td>
    <td></td>
  </tr>

</tbody></table>

</div>





    </div>
</div>
<!-- end email acc-->
<p></p>
<p class="welcome-message">
<!-- email account -->
</p><div id="website-acc">
<a class="dropdown-link" href="#"><p class="fb-head"><img src="./dashboard/images/acc_arr.png" style="margin-right:5px;"><b>WEBSITE </b></p></a>
    <div>
<div class="dropdown-container" style="display: none;">
<table width="50%" border="0">
  <tbody><tr>
    <td>Website URL:</td>
       <td></td>
  </tr>

  <tr>
    <td>Date of creation:</td>
       <td></td>
  </tr>
  <tr>
    <td>Expiration date:</td>
    <td></td>
  </tr>
  <tr>
    <td>Hosting Package:</td>
    <td>Awesome hosting</td>
  </tr>

</tbody></table>

</div>





    </div>
</div>
<!-- end email acc-->
<p></p>
<p class="welcome-message">
<!-- email account -->
</p><div id="website-acc">
<a class="dropdown-link" href="#"><p class="fb-head"><img src="./dashboard/images/acc_arr.png" style="margin-right:5px;"><b>WEBSITE </b></p></a>
    <div>
<div class="dropdown-container" style="display: none;">
<table width="50%" border="0">
  <tbody><tr>
    <td>Website URL:</td>
       <td></td>
  </tr>

  <tr>
    <td>Date of creation:</td>
       <td>08/05/2013</td>
  </tr>
  <tr>
    <td>Expiration date:</td>
    <td></td>
  </tr>
  <tr>
    <td>Hosting Package:</td>
    <td>Awesome hosting</td>
  </tr>

</tbody></table>

</div>





    </div>
</div>
<!-- end email acc-->
<p></p></div>





    </div>
</div>
<!-- end email acc-->
<p></p>
<p class="welcome-message">
<!-- email account -->
</p><div id="website-acc">
<a class="dropdown-link" href="#"><p class="fb-head"><img src="./dashboard/images/acc_arr.png" style="margin-right:5px;"><b>WEBSITE </b></p></a>
    <div>
<div class="dropdown-container" style="display: none;">
<table width="50%" border="0">
  <tbody><tr>
    <td>Website URL:</td>
       <td>http://mysite.com/my_hotjobsubmission</td>
  </tr>

  <tr>
    <td>Date of creation:</td>
       <td>5/31/2013</td>
  </tr>
  <tr>
    <td>Expiration date:</td>
    <td>5/31/2014</td>
  </tr>
  <tr>
    <td>Hosting Package:</td>
    <td></td>
  </tr>

</tbody></table>

</div>





    </div>
</div>
<!-- end email acc-->
<p></p>
<p class="welcome-message">
<!-- email account -->
</p><div id="website-acc">
<a class="dropdown-link" href="#"><p class="fb-head"><img src="./dashboard/images/acc_arr.png" style="margin-right:5px;"><b>WEBSITE </b></p></a>
    <div>
<div class="dropdown-container" style="display: none;">
<table width="50%" border="0">
  <tbody><tr>
    <td>Website URL:</td>
       <td></td>
  </tr>

  <tr>
    <td>Date of creation:</td>
       <td></td>
  </tr>
  <tr>
    <td>Expiration date:</td>
    <td></td>
  </tr>
  <tr>
    <td>Hosting Package:</td>
    <td>Awesome hosting</td>
  </tr>

</tbody></table>

</div>





    </div>
</div>
<!-- end email acc-->
<p></p>
<p class="welcome-message">
<!-- email account -->
</p><div id="website-acc">
<a class="dropdown-link" href="#"><p class="fb-head"><img src="./dashboard/images/acc_arr.png" style="margin-right:5px;"><b>WEBSITE </b></p></a>
    <div>
<div class="dropdown-container" style="display: none;">
<table width="50%" border="0">
  <tbody><tr>
    <td>Website URL:</td>
       <td></td>
  </tr>

  <tr>
    <td>Date of creation:</td>
       <td>08/05/2013</td>
  </tr>
  <tr>
    <td>Expiration date:</td>
    <td></td>
  </tr>
  <tr>
    <td>Hosting Package:</td>
    <td>Awesome hosting</td>
  </tr>

</tbody></table>

</div>





    </div>
</div>
<!-- end email acc-->
<p></p></div>

管理中的网站


网站网址：
http://ihgcareersblog.com/
创建日期：
8/7/2012
到期日期：
8/6/2013
托管软件包：



网站网址：
http://mysite.com/my_hotjobsubmission
创建日期：
5/31/2013
到期日期：
5/31/2014
托管软件包：



网站网址：
创建日期：
到期日期：
托管软件包：
真棒的主持



网站网址：
创建日期：
08/05/2013
到期日期：
托管软件包：
真棒的主持




网站网址：
http://mysite.com/my_hotjobsubmission
创建日期：
5/31/2013
到期日期：
5/31/2014
托管软件包：



网站网址：
创建日期：
到期日期：
托管软件包：
真棒的主持



网站网址：
创建日期：
08/05/2013
到期日期：
托管软件包：
真棒的主持

我在头脑中使用了以下javascript代码：

<script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>
<script>
$(document).ready(function(){

  var dd = $(".dropdown-container");

  $("a.dropdown-link").click(function(e) {
    e.preventDefault();
    e.stopPropagation();
    dd.hide("fast");
    $(this).next().show("fast");
  });

  $(document).click(function() {
    dd.hide();
  });

  dd.click(function(e) {
    e.stopPropagation();
  });
});
</script>

$（文档）.ready（函数（）{
var dd=$（“.dropdown container”）；
$（“a.下拉链接”）。单击（函数（e）{
e、 预防默认值（）；
e、 停止传播（）；
隐藏（“快速”）；
$（this.next（）.show（“fast”）；
});
$（文档）。单击（函数（）{
dd.隐藏（）；
});
dd.click（功能（e）{
e、 停止传播（）；
});
});

这是一个

---

现在的问题是div没有显示或隐藏，有谁能告诉我问题是什么以及如何解决这个问题吗？

试试这段代码。实际上，

$（this）.next（）

将获取

div

，它是

.dropdown container

的父级。这就是为什么不显示

.dropdown container

$("a.dropdown-link").click(function(e) {
    e.preventDefault();
    e.stopPropagation();
    dd.hide("fast");
    $(this).next().find('.dropdown-container').show();

  });

JS小提琴演示

---

看起来应该有用。不能复制。你能创建一把小提琴吗？@putvande问题更新-那是一把空小提琴吗？你的小提琴是空的：）@putvande现在？它给了我未捕获的引用错误：主体未定义。我应该在标签中添加一些东西，使用onload或者类似的东西吗？我已经更新了fiddle的url。对不起，忘了为

$（'body'）

@dimesh添加单引号这在我的网站上发生