Создать экземпляры функции

Question

У меня есть карта с кучей кнопок, которые показывают и скрывают элементы контейнера. Я не хочу присваивать один и тот же код каждой кнопке, потому что она одинакова.

Я думал создать переменную при нажатии кнопки, чтобы она могла заменить деталь в DIV ID (обработчик?)

Так что я мог бы сослаться на #fiche_8_1980_img_container как #fiche_VARIABLE.

Вторая часть моего вопроса - все функции анимации, которые я выполняю, выглядят так:

* * 1010

Есть ли способ поместить это в экземпляр или объект, чтобы мне было проще его назвать?

Вот фрагмент кода, который я использую для кнопки.

$('#button_8_algiers').click(function() {
        $('#fiche_8_1980_img_container').css('visibility','visible');
                $('#fiche_8_1980_img_container').animate({"opacity" : 1,}, 150, function() {
                });     
        });         

Если бы кто-нибудь мог указать мне правильное направление, это было бы здорово, я не знаю, с чего начать ...

Спасибо

Answer 1

что-то вроде этой помощи?

var ficheHandler = {
   animateFiche: function(fiche) {
      fiche
         .css('visibility','visible');
         .animate({"opacity" : 1,}, 150, function() {
          });
   }
}


$('#button_8_algiers').click(function() {
     ficheHandler.animateFiche($('#fiche_8_1980_img_container'));
});

Answer 2

Я предполагаю, что у вас есть контроль над HTML.Если у вас есть столько кнопок с общей функциональностью, присвойте им один и тот же класс CSS и добавьте уникальный идентификатор в атрибутах rel или data:

$('a.myButton').click(function(e) {
    e.preventDefault();
    $('#' + $(this).attr('data-target')).fadeIn(150);
});

Answer 3

Попробуйте это, в основном используя цепочку jQuery, поэтому нет необходимости кэшировать объект в локальные переменные.

$('#button_8_algiers').click(function() {
        $('#fiche_8_1980_img_container').css('visibility','visible');
        .animate({"opacity" : 1,}, 150, function() {
        });     
});