Изображение подкачки после выбора заголовка Accordion jQuery

Question

У меня есть аккордеон jquery, который у меня есть с информацией. То, что я пытаюсь сделать, - изменить изображение справа от этого аккордеона, и изображение зависит от выбранного ими аккордеона. Я недостаточно опытен с jQuery, чтобы понять это. Ссылка ниже, и вы можете видеть, что я здесь объясняю. Если у вас есть время, проверьте это. Изображение справа - это тот, который нужно поменять на другой в зависимости от выбора аккордеона. Любая помощь будет принята с благодарностью.

http://luistovar.com/sandbox

Заранее спасибо!

Answer 1

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

Поместите свои 4 изображения в абсолютное (!) Друг на друга. Из-за этого вы увидите только один из них. Дайте им класс, например .picture. Дайте каждому изображению идентификатор, например # picture1.

Дайте всем вашим тегам идентификатор, например # menu_item1.

Затем используйте следующие и jQuery.

$("#menu_item1").click(
    function(){ 
     $(".picture").fadeOut(200, function(){ 
      $("#picture1").fadeIn(); 
     }); 
    }); 

Скопируйте это для каждого пункта меню/изображения и отрегулируйте цифры. Есть способы, которые заканчиваются меньшим количеством кода, но таким образом его легко понять.

Я не проверял его, но надеюсь, что это вам поможет. Он должен дать вам небольшой эффект затухания, который вы можете настроить, отрегулировав число 200 на меньшее или большее число (миллисекунды).

Удачи вам!