Объединение переменных

Question

У меня есть функция:

function prodSubSection(div, sec, self) {
   $(".prod-feat").hide();
   $(div + sec).show('slide', {direction: 'right'}, 1000);
   $(self)
     .addClass('prodDetailsOn')
     .parent('li').siblings().find("a")
     .removeClass('prodDetailsOn');
}

А вот как я это выполняю:

$("#product1 li.details1 a").click(function() {
   prodSubSection("#product1", ".over", this);
   return false;
});

То, что я хотел бы, это объединить div и sec, поэтому выше будет:

$("#product1 .over").show('slide', {direction: 'right'}, 1000);

Есть идеи, что я делаю не так?

Answer 1

Я думаю, вам просто нужно пробел между div + sec ... так что div + " " + sec.

Без пробела вы будете искать #product1.over, поэтому элемент с именем product1 И имеет класс over вместо всех элементов с классом over ВНУТРИ элемента с именем product1.

Answer 2

Добавить пробел:

$(div + ' ' + sec)