웹03_팝업(두개이상 띄우기, 매개변수)

https://codepen.io/leenyooo/pen/LYvxwQo

0320수업(팝업2개이상열기)

/* 
팝업 2개이상 띄울때 수정할것
1. 한번에 닫히는것 (클래스를 각각 지정해서 해결)
2. 한번에 열린다. (팝업이 동시에 뜰때)
3. 배경이 중첩된다. (팝업이 동시에 뜰때)
4. popup-content를 클릭하면 팝업이 닫힌다.(return false;로 해결)
5. pop-section옆에 스크롤이 생겨 보기싫다.
6. 같은 코드가 계속 반복된다. */

// 겹치는 코드 정리하기
function popup_Open(no){
    $(".popup-open-" + no).click(function () {
        $(".popup-section-" + no).addClass("active");
       })
popup_Open(1); popup_Open(2);

 

겹치는 코드를 작성할때 매개변수 사용하기.

 

https://codepen.io/leenyooo/pen/yLrgmzp

같은 코드 줄이기(매개변수)

매개변수

// 매개변수는 함수명이 반드시 필요하다.