jQuery与父元素一起横向滑动

jQuery与父元素一起横向滑动,jquery,slide,Jquery,Slide,我知道以前也有人问过类似的问题,但我想要的是,当元素滑入时,父元素的大小会增加。我尝试了很多技巧,包括jqueryui 到目前为止,我得到的是: html: 点击我。这个div的固定宽度为100px,比正确的东西高。 我希望此单元格或div从左向右滑动,并使父表及其背景随之增长。当前,表格首先捕捉到100%宽度,然后div滑入的内容。 css: .t{背景:ddd;边框半径:10px;宽度:auto;} .l div{宽度:120px;边距:1em;文本对齐:右;} .rdiv{填充:1em;左

我知道以前也有人问过类似的问题,但我想要的是,当元素滑入时,父元素的大小会增加。我尝试了很多技巧,包括jqueryui

到目前为止,我得到的是:

html:

点击我。这个div的固定宽度为100px,比正确的东西高。 我希望此单元格或div从左向右滑动,并使父表及其背景随之增长。当前,表格首先捕捉到100%宽度,然后div滑入的内容。 css:

.t{背景:ddd;边框半径:10px;宽度:auto;} .l div{宽度:120px;边距:1em;文本对齐:右;} .rdiv{填充:1em;左边框:1px实心bbb;显示:无;} js:

$'.l'。单击函数{$'.rdiv'。显示幻灯片,{方向:左},500;}; 如您所见,我的问题是父对象先捕捉到100%宽度,然后子对象才滑入


p、 我选择了一个表格和单元格,因为左边的宽度应该是固定的,右边应该跨越剩余的空间,达到表格中保持元素的100%宽度。真正的设置更复杂,但这是它的要点。

你有没有想过这个问题?老实说,我不记得了,但是我想我解决了这个问题,我使用了自定义javascript,独立地、同时地对父级和子级动画进行操作;如果你愿意,你也可以把他们排成队。我不记得找到了更优雅的解决方案。