링크주소 입력개수 접고 펴는방법이 있을까요 채택완료

아래의 내용을 한번 참고를 해보시겠어요

<script>
function toggleLinks() {
    var extraLinks = document.getElementById("extraLinks");
    if (extraLinks.style.display === "none") {
        extraLinks.style.display = "block";
        document.getElementById("toggleBtn").innerHTML = "접기";
    } else {
        extraLinks.style.display = "none";
        document.getElementById("toggleBtn").innerHTML = "더 입력";
    }
}
</script>

<div>
    <!-- 기본으로 보이는 3개의 링크 입력 필드 -->
    <input type="text" name="link[1]" value="<?php echo $link[1] ?>">
    <input type="text" name="link[2]" value="<?php echo $link[2] ?>">
    <input type="text" name="link[3]" value="<?php echo $link[3] ?>">
    
    <button type="button" id="toggleBtn" onclick="toggleLinks()">더 입력</button>
    
    <div id="extraLinks" style="display:none;">
        <!-- 추가 7개의 링크 입력 필드 -->
        <?php for ($i=4; $i<=10; $i++) { ?>
            <input type="text" name="link[<?php echo $i ?>]" value="<?php echo $link[$i] ?>">
        <?php } ?>
    </div>
</div>