Добавление адапторной установки?

Question

Я хочу, чтобы добавить весь аккордеонный аспект к этому коду в jsFiddle. Где, если вы разберете один, а затем нажмите на другой, он свернет предыдущий div и отобразит последнее нажатие.

Любая идея о том, как я мог бы выполнить это через этот jsFiddle?

http://jsfiddle.net/zrbFE/

Спасибо всем!

Answer 1

http://jsfiddle.net/fAmWx/1/

Это может помочь вам начать работу в правильном направлении. Идея заключается в упрощении и повторном использовании имен классов и кода.

Answer 2

Я сделал это некоторое время назад, думаю, что это будет отвечать вашим потребностям: http://jsfiddle.net/aCaEG/2/

Answer 3

Мне нравится эта библиотека для этой функциональности:

http://flowplayer.org/tools/demos/tabs/accordion.html

Way легче, чем JQuery UI, и прекрасно работает. Проверьте эту страницу на примерах того, как ее пометить и вызвать в своем скрипте.

Answer 4

Попробуйте для jsfiddle:

function toggleMe(me) { 
    var alreadyOpen = me.is(':visible'); 
    jQuery('div[class^="content-"]').hide('fast'); 
    if (!alreadyOpen) { 
     me.show('slow'); 
    } 
} 
jQuery('.expand-one').click(function() { 
    toggleMe(jQuery('.content-one')); 
    var img = $(this).find('img'), 
     src = img.attr("src"), 
     alt = img.data("altsrc"); 
    img.attr("src", alt).data("altsrc", src); 
}); 
/// SECOND SESSION: 
///////////////////////////////////////////////////////////////////////////////////// 
jQuery('.expand-two').click(function() { 
    toggleMe(jQuery('.content-two')); 
    var img = $(this).find('img'), 
     src = img.attr("src"), 
     alt = img.data("altsrc"); 
    img.attr("src", alt).data("altsrc", src); 
}); 

Надеется, что это помогает,

Пит