Начальная позиция всплывающей подсказки внутри обрушения div

Question

Im создает бутстрап-аккордеон со сложенными панелями для ввода формы ввода. Im пытается создать всплывающую подсказку внутри сложенной панели над входом для вывода валидации.

• Кнопка отправки нажата, она вызывает функцию setTooltip каждого входа.
• Панель заголовка (открывается сворачивание содержимого), затем вызывает displayTooltip.

ПРОБЛЕМА: Когда панель открыта от обрушения, все всплывающие подсказки располагаются на расстоянии 50 пикселей выше входа (требуется крах и открываются для перестановки в нужное место).

Может ли кто-нибудь предложить метод обновления всплывающей подсказки, находящейся внутри свернутого div или каким-то образом сбросив его положение, чтобы исправить место над входом?

EDIT- Правильное размещение при отправке и вызове setTooltip и div не сбрасываются.

function setTooltip(obj, value, pos) { 
    options = {placement: pos, trigger: 'manual'} 

    $(obj).tooltip(options) 
      .attr('data-original-title', value) 
      .tooltip('fixTitle'); 
} 

function displayTooltip(obj) { 
    options = {placement: "top", trigger: 'manual'} 

    $(obj).tooltip(options).tooltip('show'); 
} 

Answer 1

Я создал пример JSFiddle, где я использую всплывающую подсказку в сочетании с аккордеонным объектом.

Это то, что вы хотите? http://jsfiddle.net/dheLm7u6/

Jquery:

$(function() { 
    $('#buttonid').click(function() 
    { 
     if(!$('.test1').val()) { 
       $('[data-toggle="tooltip"]').tooltip('show'); 
     } 
    }); 

});