0
通过搜索各种教程后,我发现了几乎符合我需要的东西,但我无法使菜单正常工作,我真的很希望它。如何使用切换功能当选择一个时,点击打开和关闭关闭菜单
我设置了一个jsfiddle来显示我的努力,即使我尽我所能了解,我也不是很擅长。
我想就如何我能得到这个菜单一些帮助,在默认情况下始终显示的内容1区,然后如果你切换打开“打开/关闭” BUTTOM和菜单1,MENU2,菜单3出现,当我选择任何3个,内容替换内容1,然后关闭菜单再次
任何想法,将不胜感激
<div class="menu">
<div class="submenu" id="menu" data-content="sort">menu1</div>
<div class="content" id="sort">content1</div>
<div class="submenu" id="menu1" data-content="1sort">menu2</div>
<div class="content" id="1sort">content2</div>
<div class="submenu" id="menu2" data-content="sort2">menu3</div>
<div class="content" id="sort2">content3</div>
</div>
$(document).ready(function() {
$('.menu').hide().before('<a href="#" id="toggle-menu" class="button">Open/Close</a>');
$('a#toggle-menu').click(function() {
$('.menu').slideToggle(1000);
return false;
});
$('.content').hide();
$('.submenu').click(function(){
$('.content:visible').hide('fast');
$('#' + $(this).data('content')).show('fast');
});
});
+1我可以告诉它究竟解决了OP的问题。也许关于你已经改变的一些解释可能会帮助他在未来排除故障:) – Katstevens
这是完美的!谢谢。当你打开每个菜单内容时,是否也可以改变内容转换的方式?我正在考虑将内容从上到下地打开。如果没有,我不明白这个帮助 – user2735570