制作一个下拉菜单，当它展开时移动下一个菜单

Question

我在列中基本上需要2个以下的下拉菜单，这样当打开其中一个时，它下面的那些会向下滑动以显示（而不是保留在已打开的元素下面）。 Here's my failed test in jsfiddle，我的剧本技巧虽然可悲。

JS：

$(document).ready(function()
{
$(".titlea").click(function()
{
var X=$(this).attr('id');
if(X==1)
{
$(".bajomenua").hide();
$(this).attr('id', '0'); 
}
else
{
$(".bajomenua").show();
$(this).attr('id', '1');
}
});
$(".bajomenua").mouseup(function()
{
return false
});
$(".titlea").mouseup(function()
{
return false
});
$(document).mouseup(function()
{
$(".bajomenua").hide();
$(".titleb").attr('id', '');
});
});
$(document).ready(function()
{
$(".titleb").click(function()
{
var X=$(this).attr('id');
if(X==1)
{
$(".bajomenub").hide();
$(this).attr('id', '0'); 
}
else
{
$(".bajomenub").show();
$(this).attr('id', '1');
}
});
$(".bajomenub").mouseup(function()
{
return false
});
$(".titleb").mouseup(function()
{
return false
});
$(document).mouseup(function()
{
$(".bajomenub").hide();
$(".titleb").attr('id', '');
});
});