jQuery를 : 계단식 팝업

Question

I 팝업의 사업부를 표시하려면 다음 코드를 :

<a href="#" id="pop1" rel="div#tt1">Click to show popup</a> 
<div class="popupBlock" id="tt1">My popup content ...</div> 

사업부는 처음에 숨겨져 POP1 앵커를 클릭 할 때 jQuery 코드의 비트와 함께 나는 볼을 돌리겠다 .

<div class="popupBlock" id="tt1">My popup content ... 
     <span> some text here</span> 
</div> 

: 나는 같은 사업부에 컨트롤을 추가 할 때

(function($) { 
$.fn.pop = function(options) { 


    var defaults = { 
     show: "click", 
     tooltip: null 
    }; 
    var options = $.extend(defaults, options); 
    var target = $(this); 
    var popup = $(target.attr("rel")); 

    popup.css("visibility", "hidden").css("display", "none"); 
    target.click(function() { 
     popup.css("visibility", "visible").css("display", "block"); 
     return false; 
    }); 

    $('body').click(function() { 
     popup.css("visibility", "hidden").css("display", "none"); 
     return false; 
    }); 

    popup.click(function(event) { 
     event.stopPropagation(); 
    }); 
}; 

모든 순서로 보이지만, 모든 것을 나누기 : 이것은 내가이 만들어 한 plgin입니다 span은 div의 click 이벤트를 발생시키지 않고 div를 숨 깁니다. 누구나 내가 이것을 방지하기 위해 무엇을해야하는지 알 수 있습니까? 는 V, 감사

Answer 1

var popup = $(target.attr("rel")).add($(target.attr("rel") > *)); 

또는

var popup = $(target.attr("rel"), $(target.attr("rel") > *));