主页手风琴 [英] Master page Accordion

问题描述

<script type="text/javascript">
	    $(document).ready(function () {

	        // Store variables

	        var accordion_head = $('.accordion > li > a'),
				accordion_body = $('.accordion li > .sub-menu');

	      

	        // Open the first tab on load

	        accordion_head.first().addClass('active').next().slideDown('normal');

	        // Click function

	        accordion_head.on('click', function (event) {

	            // Disable header links

	            event.preventDefault();

	            // Show and hide the tabs on click

	            if ($(this).attr('class') != 'active') {
	                accordion_body.slideUp('normal');
	                $(this).next().stop(true, true).slideToggle('normal');
	                accordion_head.removeClass('active');
	                $(this).addClass('active');
	            }

	        });

	    });

	</script>

我在主页上使用这个accodion菜单，我想要一次选择项目菜单和页面，当我点击第二个子菜单时它会扩展1st显示第二个子菜单的菜单...

i m using this accodion menu on master page,and i want selected item menu and page at a time and when i click 2nd submenu it will expand 1st menu insteed of showing 2nd sub menu...

推荐答案

（ document ）。ready（ function （）{

// 商店变量

var accordion_head =

(document).ready(function () { // Store variables var accordion_head =

（' 。accordion> li> a'），
accordion_body =

('.accordion > li > a'), accordion_body =

（ ' 。accordion li> .sub-menu'）;



// 打开加载的第一个标签

accordion_h ead.first（）。addClass（' active'）。next（）。slideDown（' normal'）;

// 点击功能

accordion_head。 on（' 点击'，功能（事件）{

// 禁用标题链接

event.preventDefault（）;

// 点击<显示和隐藏标签

if （

('.accordion li > .sub-menu'); // Open the first tab on load accordion_head.first().addClass('active').next().slideDown('normal'); // Click function accordion_head.on('click', function (event) { // Disable header links event.preventDefault(); // Show and hide the tabs on click if (

这篇关于主页手风琴的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！