[oopy] 항공권 위젯 제작 방법 (1)

히스토리

히스토리 2

10/30 수정사항

1.  부분 수정

<button class="question" id="toggleButton{number}" aria-expanded="false"> 부분 수정

<!--toggleContent{number}_1—>

외에 각주 참고하시면 됩니다

<div class="collection_block mar" id="mar">
<div class="slide">


<div class="flight_card_cont">

<!--카드 만들기 카드 만들기 카드 만들기 카드 만들기 카드 만들기 카드 만들기 카드 만들기 카드 만들기 카드 만들기-->
<div class="button-container">
<div class="flight_button_nametag">
<!--container{number} 숫자 입력해주시면 됩니다 항공 번호로 -->
<p class="flight_tag1">경유</p><p class="flight_tag2 container3"></p>
</div>
<div class="qna-item">
<!-- toggleButton{number} 숫자 입력해주시면 됩니다 항공 번호로 -->
<button class="question" id="toggleButton3" aria-expanded="false">

<div class="flight_button_txt">
<p class="flight_name">에어차이나</p><p class="flight_num">3번</p>
</div>
<div class="go_out_layout">
<div class="go_out">
<div class="go_out_des"> <span class="go_out_tag">출국</span> 2024/10/15(수)
</div>
<div class="go_out_time">
<div class="go_out_time1"><div><b>20:33</b> </div> <div>ICN</div></div>
<div class="go_out_time2"> <div class="arrow"></div><div>경유1회</div></div>
<div class="go_out_time3"><div><b>20:33</b> <span class="go_day">+1일</span></div> <div>CDG</div></div>
</div>
</div>

<div class="go_out">
<div class="go_out_des"> <span class="go_out_tag">귀국</span> 24/10/15(수)
</div>
<div class="go_out_time">
<div class="go_out_time1"><div><b>20:33</b> </div> <div>ICN</div></div>
<div class="go_out_time2"> <div class="arrow"></div><div>경유1회</div></div>
<div class="go_out_time3"><div><b>20:33</b>  <span class="go_day">+1일</span></div> <div>CDG</div></div>
</div>
</div>
</button>
<!--toggleContent{number}_1 숫자 입력해주시면 됩니다 항공 번호로-->
<div class="answer" id="toggleContent3_1">

<div class="go_out_des_in"> <span class="go_out_tag_in">출국</span></div>
<div class="inner_cont_flight close">
    <p class="flight_name_in">ca2125</p>
    
    
    <div class="flight_detail"><div class="flight_name_info">인천-베이징</div> 
    
    <div class="go_out_time1_1">
<div class="go_out_time11"><div><b>20:33</b> </div> <div>ICN</div></div>
<div class="go_out_time22"> <div class="arrow1"></div><div></div></div>
<div class="go_out_time33"><div><b>20:33</b></div> <div>CDG</div></div>
</div>
</div>
</div>
<div class="inner_cont_flight close">
    <p class="flight_name_in">ca125</p>
    
    
    <div class="flight_detail"><div class="flight_name_info">인천-베이징</div> 
    
    <div class="go_out_time1_1">
<div class="go_out_time11"><div><b>20:33</b> </div> <div>ICN</div></div>
<div class="go_out_time22"> <div class="arrow1"></div><div></div></div>
<div class="go_out_time33"><div><b>20:33</b></div> <div>CDG</div></div>
</div>
</div>
</div>
<div class="go_out_des_in"> <span class="go_out_tag_in">귀국</span></div>
                    <div class="inner_cont_flight close">
    <p class="flight_name_in">ca125</p>
    
    
    <div class="flight_detail"><div class="flight_name_info">인천-베이징</div> 
    
    <div class="go_out_time1_1">
<div class="go_out_time11"><div><b>20:33</b> </div> <div>ICN</div></div>
<div class="go_out_time22"> <div class="arrow1"></div><div></div></div>
<div class="go_out_time33"><div><b>20:33</b></div> <div>CDG</div></div>
</div>
</div>
</div>
<div class="inner_cont_flight close">
    <p class="flight_name_in">ca125</p>
    
    
    <div class="flight_detail"><div class="flight_name_info">인천-베이징</div> 
    
    <div class="go_out_time1_1">
<div class="go_out_time11"><div><b>20:33</b> </div> <div>ICN</div></div>
<div class="go_out_time22"> <div class="arrow1"></div><div></div></div>
<div class="go_out_time33"><div><b>20:33</b></div> <div>CDG</div></div>
</div>
</div>
</div>
<!--url 연결 필요 onclick에 링크 넣어주세요~!-->
     <div class="botton_btn_container">
        <div class="bottom_btn2">
        <a class="bottom_btn_txt" onclick="alert('예시 입니다.')">항공권 사러 가기</a>
        </div>
           <div class="bottom_btn1">
           <a class="bottom_btn_txt" onclick="alert('예시 입니다.')">나도 이 항공권 샀어요!</a>
        </div>
        </div>
</div>
</div>
</div>


</div>
</div>
HTML
복사