<style>
    /* 1. "여기" 부분 기본 숨김 및 슬라이딩 애니메이션 설정 */
    #content-area {
        display: none;
        overflow: hidden;
    }
    .Bookmark { width: 100%; padding: 0px 10px; }
    .Book_Menu { 
        background: #0e1427; 
        border: 1px solid #1e2c55; border-top:0px; border-radius: 6px; border-top-left-radius: 0px; border-top-right-radius: 0px;
        text-align: center; 
        padding:20px 10px; 
    }
    .Book_Menu li:nth-child(1) { float:left; }
    .Book_Menu li:nth-child(2) { float:right; }
    .Book_Menu button {
        width: 150px;
        background: #1e2c55;
        border: 1px solid #0a2535;
        border-radius: 6px;
        color: #fff;
        font-size: 0.9rem;
        font-weight: 800;
        margin: 0px 5px;
        padding: 10px 0px;
    }
    .Book_Menu button:hover {
        background: #283355;
        border: 1px solid #00a2ff;
        color: #fff;
        outline-color:transparent; outline-style:solid; transition: 0.7s;
    }
    .Book_Button { font-size: 1rem; text-align: center;}
    .Book_Button button { 
        background: #0e1427; border: 1px solid #1e2c55; border-top: 0px; border-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; 
        color:#fff;
        margin-top: -1px; padding:10px 50px 13px 50px; 
    }
    .Book_Button button:hover { background: #1e2c55; transition: all 0.9s ease; }
    .Book_Button button i { color: #ff0037; }
    .Book_Button button:hover i { color: #00ff00; transition: all 0.7s ease; }
</style>

<section class="Bookmark">
    <div class="Book_Menu" id="content-area">
        <ul>
            <li>
                <a href="<?php echo G5_URL; ?>/_PAGE/_MAIN/main_asset.php" target="_blank"><button type="button"><i class="fa-solid fa-building-columns"></i> 자산 메인</button></a>
                <a href="<?php echo G5_URL; ?>/_PAGE/asset/upbit/data_list.php" target="_blank"><button type="button"><i class="fa-solid fa-money-bill-1"></i> 자산 리스트</button></a>
                <a href="<?php echo G5_BBS_URL; ?>/board.php?bo_table=outline" target="_blank"><button type="button"><i class="fa-solid fa-book-open"></i> 자산 아웃라인</button></a>
                <a href="<?php echo G5_URL; ?>/_PAGE/data/upbit/asset/investment_movement_map.php" target="_blank"><button type="button"><i class="fa-solid fa-map"></i> 데이터 맵</button></a>
                <a href="<?php echo G5_URL; ?>/_PAGE/asset/upbit/chart_line_holding_data_1.php" target="_blank"><button type="button"><i class="fa-solid fa-chart-line"></i> 거래 차트</button></a>
            </li>
            <li>
                <a href="<?php echo G5_URL; ?>/_PAGE/monitoring/upbit/daemon_trading/daemon.php" target="_blank"><button type="button"><i class="fa-solid fa-robot"></i> 데몬관리</button></a>
            <a href="<?php echo G5_BBS_URL; ?>/board.php?bo_table=moving_assets" target="_blank"><button type="button"><i class="fa-solid fa-wallet"></i> 입/출금 보드</button></a>
            </li>
        </ul>
    </div>
    <div class="Book_Button">
        <button class="bookmark-toggle" id="bookmarkToggle"><i class="fa-solid fa-star"></i> 북마크</button>
    </div>
</section>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    const content = $('#content-area');
    const storageKey = 'bookmark_status';

    // 3. 이전 상태 유지 (localStorage 확인)
    if (localStorage.getItem(storageKey) === 'open') {
        content.show();
    }

    // 2. 버튼 클릭 시 슬라이딩 토글
    $('#bookmarkToggle').on('click', function() {
        content.slideToggle(300, function() {
            // 상태 저장
            if (content.is(':visible')) {
                localStorage.setItem(storageKey, 'open');
            } else {
                localStorage.setItem(storageKey, 'closed');
            }
        });
    });
});
</script>