热搜:NVER node 开发 php

一个伸缩菜单,点击A栏目展开,只能点击B栏目A才伸缩隐藏,如何再次点击A就可以隐藏A_html/css_WEB-ITnose

2024-11-27 14:05:01
一个伸缩菜单,点击A栏目展开,只能点击B栏目A才伸缩隐藏,如何再次点击A就可以隐藏A_html/css_WEB-ITnose

前端css


   


         
  • Sub menu_left heading
         

             
    • Link

    •        
    • Link

    •        
    • Link

    •        ...
             ...
           

         
  • Sub menu_left heading
         

             
    • Link

    •        
    • Link

    •        
    • Link

    •        ...
             ...
           

         ...
         ...
       


/*******************************menu.js****************************/

function initmenu_left() {
  $('#menu_left ul').hide();
  $('#menu_left ul:first').hide();
  $('#menu_left li a').click(
    function() {
      var checkElement = $(this).next();
      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
        return false;
        }
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $('#menu_left ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
        return false;
        }
      }
    );
  }
$(document).ready(function() {initmenu_left();});

还有一个JS没放上来,我估摸着就在上面这个改,谢谢各位了!


回复讨论(解决方案)

你这效果不是挺好的嘛 两个相互切换隐藏显示

你这效果不是挺好的嘛 两个相互切换隐藏显示
关键是客户想要点A显示,再点A隐藏!!!!

	 		

不知道是不是你要的

可以如下实现toggle方法的使用

function initmenu_left() 	{		$('#menu_left ul').hide();		$('#menu_left ul:first').hide();		$('#menu_left li a').click(function() 		{			$(this).parent().find('ul').toggle(200);      });  	}

谢谢5楼大神!!测试成功,四楼测试了下,和原来效果一样哦~!!

努力加油!!以你们为榜样!