Question

编辑：

            $('.edit').click(function(){
            //each time an edit class is clicked, show its associated hide div
            var aNum = $(this).attr('id');
            //get the number at the end of the ID of this particular edit div           
            aNum=(aNum.substring(aNum.indexOf('_')+1, aNum.length));

            //select and show the associated hide_1 div
            $('.hide').hide();
            $('.edit').show();          
            $('#hide_'+aNum).show();

            //hide $(this)
            $(this).hide();

            $(".content").slideUp();                
            $(this).parent().next(".content").slideDown();
        });

在jammypeach的帮助下（http://stackoverflow.com/questions/6860486/jquery-find-multiple-associated-classes-using-the-last-digit-of-the-class）我创造了这段代码可以做我想要的。它适用于任何div，与大多数手风琴不同，它允许我在它们之间有div而不是手风琴的一部分而不会破坏它。

Answer 1

首先使用类。我已经为你制作了一个小型手风琴，只需在点击时隐藏对方的内容。我希望你能从这里拿走它; - ）

http://jsfiddle.net/Sa47A/

Answer 2

有一种jquery手风琴插件的音调，包括jquery-ui中包含的官方插件（我个人曾经非常成功地使用过）。为什么重新发明轮子？看看这篇文章，选择一个适合您需求的文章：

http://www.1stwebdesigner.com/freebies/jquery-accordion-menus-tutorials/

编写自己的jQuery手风琴

2 个答案: