data-id 값불러오기요ㅠㅠ링크있어요~!

옆에 탭을 누르면 말풍선이 떠야하는데....

지금  data-id값을 넣어놨거든요....

근데 지도에 색만 바뀌고 말풍선이 안뜨네요ㅠㅜㅠ...

a링크로 하면 자꾸 링크를 따라가서 높이값이 달라져서 data로 넣었는데.....

// //탭버튼 두개
function targetOpener2(_target,btn,btn2,option){
    var btn = $(btn);
    var btn2 = $(btn2);
    var $target = $(_target);

    $(option.obj).hide().first().show();
    btn.bind("click",function(event){
        var t = $(this);
        href = t.attr("data-id").substr(1);
        var num = Number(href.split("-")[1]);

        if(option.lv == 1){
            $(option.obj).hide().css({'visibility':'hidden'});
            $("[id="+href+"]").show().css({'visibility':'visible'});
            btn.removeClass("ov");
            t.addClass("ov");
            btn2.removeClass("ov");
            $target.find(".btn_wrap2 .tab_btn.btn"+num).addClass("ov");
            $("[data-slider]").slick("setPosition");
        }
        event.preventDefault();

        
    });
    
    btn2.bind("click",function(event){
        var t = $(this);
        href = t.attr("data-id").substr(1);
        var num = Number(href.split("-")[1]);

        if(option.lv == 1){
            $(option.obj).hide().css({'visibility':'hidden'});
            $("[id="+href+"]").show().css({'visibility':'visible'});
            btn2.removeClass("ov");
            t.addClass("ov");
            //btn.removeClass("ov");
            $target.find(".btn_wrap .tab_btn.btn"+num).addClass("ov");
            $("[data-slider]").slick("setPosition");
            
        }
        event.preventDefault();
    });
}

여기부분을 수정하면 될거같은데...정말 모르겠어요ㅜㅠㅠㅠ