слайдер и ф-ция toggle
 

Доброго дня, столкнулся с такой проблемой, как появление и скрытие слайдера. Есть div к которому присоединяю ф-цию toggle. И всё хорошо, кроме того, что есть вложенные элементы в этот div. Нужно как-то сделать, чтобы при переходе на вложенный элемент toggle не срабатывала. Как сделать это более красиво?
PS на картинке под вложенным элементом понимается вся область внутри синей границы.

Запилил следующую функциональность:

$(function(){
    $('.bcBackCall').click(function() {
        var isClickable = $(this).attr('clickable');

        if($(this).hasClass('notactive')) {
            $('.bcForm').addClass("visible");
            $(this).addClass("active");
            $(this).removeClass("notactive");
        }else if(isClickable == 'true' || isClickable === undefined) {
            $('.bcForm').removeClass("visible");
            $(this).addClass("notactive");
            $(this).removeClass("active");
        }
    });

    $('.bcForm').hover(function(){
        $('.bcBackCall').attr('clickable','false');
    }, function(){
        $('.bcBackCall').attr('clickable','true');
    })
});

где .bcBackCall - основной div
.bcForm - вложенный див с формой.
Теперь при нажатии на основной div он прячется и отображается, а если происходит нажатие во вложенном, то скрытие не происходит.