定位绝对元素以保留在文档流中但是某种方式可以推送下面的元素

Question

请找到显示问题的脚本here in jsfiddle

忽略外观＆amp;感觉，因为我必须删除页面的许多其他部分才能将它放在jsfiddle上。

事实

1. Bottom Callout should appear on clicking Latest or Date range
2. On displaying the callout, the buttons should be pushed down accordingly, 
    wrt to the height of the callout
3. The callout is positioned after the Latest/DateRange in order to keep it continuos in the document flow
4. The callout is positioned absolute to avoid the white space that shows next to "Latest",
    this white space is created by the width of the bottom callout if positioned relative.

问题：我想找个方法

1. to keep the callout in the document flow
2. no white space should be shown next to Latest, when clicking on Latest 
3. the buttons at the bottom should be pushed down rather  than getting hidden.

如果您有任何想法或需要有关此问题的更多信息，请与我们联系。

提前致谢。