Программирование моего аккордеона JQuery

Question

EDIT:

            $('.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 здесь (/6701027/jquery-naiti-neskolko-svyazannyh-klassov-ispolzuya-poslednyy-tsifru-klassa) Я создал этот код, чтобы делать то, что я хочу. Он работает с любым div, и в отличие от большинства аккордеонов, он позволяет мнечтобы между ними не было элементов div, которые не являются частью аккордеона, а не ломаются.

Answer 1

Начните с использования классов. Я сделал для тебя маленький аккордеон, который при нажатии просто скрывает содержимое другого. Я надеюсь, что вы можете взять его отсюда; -)

http://jsfiddle.net/Sa47A/

Answer 2

Имеется тон плагинов jquery accordian, включая официальный плагин, который включен в jquery-ui (который я лично использовал для большого успеха).Зачем изобретать велосипед?Взгляните на эту статью и выберите ту, которая соответствует вашим потребностям:

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