Question

我有一个表有两个div的td.Now，点击一个div应该扩展第二个div并且td也应该扩展。再点击div，td应该达到正常宽度

Answer 1

使用div box模型混合表格布局（不建议使用）会导致非常奇怪的东西...... 你可能不希望这样，但无论如何：

您需要使用JavaScript来更改第二个Div的维度，并且根据我的理解，您还需要一个缓动动画。我建议看看mootools或scriptaculous，如果是这样的话。

Answer 2

请允许我打破你可怕帖子的字面含义，这样你就可以体会到尝试回答这些刺激性/最后一次努力的创作是多么令人沮丧。

我的桌子上有两个div的td

<table>
    <tbody>
        <tr><td><td><div></div><div></div></td></tr></tr>
    </tbody>
</table>

请注意这段代码是如何平淡，没有信息，并且可能无法准确表示您正在处理的内容？那是因为这就是你所提供的一切。下次可能尝试包括并链接到您的页面，jsFiddle，或者甚至可能只是更精确的解释。

现在，单击一个div应该扩展第二个div，td也应该扩大。

扩大什么？多少？行高或列宽怎么样？桌子需要保持相同的尺寸吗？怎么样的方向丝毫在这里。如果所有其他方法都失败了，那么在MSpaint中绘制的图片之前和之后都可以。

再次单击div时，td应该达到正常宽度

虽然这不是英语句子，但我认为我得到了主旨。然而，这个“宽度”信息可能是我们之前谈到的“扩展”的未说出口含义的一部分。底线：提供一些HTML;得到一个简明的答案。

Answer 3

试试这个

var oldWidth = 200;
var newWidth = 200;
    $("td div:first").click(function(){

      if(!$(this).next("div").is(":visible")){
         $(this).next("div").show('slow');
         $(this).closest("td").width(newWidth);
      }
      else{
         $(this).next("div").hide('slow');
         $(this).closest("td").width(oldWidth);
      }
    });

单击时在td中扩展div

3 个答案: