一段时间后回到编码我使用html5和jquery mobile为我的雇主编写移动网站
内容使用包含两个标题的菜单： 1服务（包含几个li元素） 2-产品（包含几个li元素）
代码使用与位于以下位置的“可折叠集合，包含5个部分”相同的代码： http://jquerymobile.com/demos/1.2.0/docs/content/content-collapsible-set.html
Jquery在崩溃时为divs id =“services”和id =“products”分配了一个“ui-collapsible-collapsed”类。
如果我设置：
html, body {
height:100%;
}
.wrapper {
min-height: 100%;
然后页脚位于视口的底部，但是当它们折叠时菜单和页脚之间存在很大的间隙，这在移动设备中并不令人愉快。
当我删除上面的css代码时，存在以下问题：
1-Footer靠近菜单和身体向上移动，html伸展到视口的高度。
我想通过根据服务和产品链接的内容使用javascript调整div id =“mycontent”的高度来解决这个问题。
我不确定这是否是正确的方法，因为即使我可以做到以上情况，这个问题在某些情况下也会存在。
问题： 1 - 你会建议什么来解决这个问题？如果java脚本可以提供解决方案吗？
因为它使用了jquery css文件和我自己的一些，所以我没有添加它。您可以浏览上面的网址。 为了便于阅读，我已将代码添加到jsfiddle：http://jsfiddle.net/Davoud/AZK7B/ 我知道我添加的javascript存在缺陷，需要修复。
逻辑是这样的： 我正在使用div的“ui-collapsible-collapsed”类id =“services”id =“products”来设置div id =“mycontent”的高度。所以，如果有这个类，那么高度为10em，如果不是那么40em。
但问题是每次用户点击服务链接导致菜单向下滑动时，jquery会将上述类分配给服务div。因此，在将“notcollapsed”类替换为“collapsed”类之前，需要删除此类。
2 - 由于它将用于移动设备，我应该同时使用onclick和touchstart事件（我想要桌面和移动用户的完整功能）并且我可以在同一个元素中将它们称为两个事件吗？
感谢您的意见。
Davoud