{"id":25,"date":"2026-06-11T04:14:47","date_gmt":"2026-06-10T20:14:47","guid":{"rendered":"https:\/\/206.189.86.144\/?page_id=25"},"modified":"2026-06-11T04:14:47","modified_gmt":"2026-06-10T20:14:47","slug":"navigation","status":"publish","type":"page","link":"https:\/\/plainscripts.com\/?page_id=25","title":{"rendered":"Navigation"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.0.2\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-EVSTQN3\/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC\" crossorigin=\"anonymous\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.0.2\/dist\/js\/bootstrap.bundle.min.js\" integrity=\"sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn\/tWtIaxVXM\" crossorigin=\"anonymous\"><\/script>\n\n<div class=\"accordion accordion-flush\" id=\"accordionFlushExample\">\n  <div class=\"accordion-item\">\n    <h2 class=\"accordion-header\" id=\"flush-headingOne\">\n      <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#flush-collapseOne\" aria-expanded=\"false\" aria-controls=\"flush-collapseOne\">\n        Bible\n      <\/button>\n    <\/h2>\n    <div id=\"flush-collapseOne\" class=\"accordion-collapse collapse\" aria-labelledby=\"flush-headingOne\" data-bs-parent=\"#accordionFlushExample\">\n      <div class=\"accordion-body\">\n\t\t<div class=\"accordion accordion-flush\" id=\"accordionFlushExampleBranch\">\n  <div class=\"accordion-item\">\n    <h2 class=\"accordion-header\" id=\"flush-branchOne\">\n      <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#flush-collapseOne_branch\" aria-expanded=\"false\" aria-controls=\"flush-collapseOne_branch\">\n        Old Testament\n      <\/button>\n    <\/h2>\n    <div id=\"flush-collapseOne_branch\" class=\"accordion-collapse collapse\" aria-labelledby=\"flush-branchOne\" data-bs-parent=\"#accordionFlushExampleBranch\">\n      <div class=\"accordion-body\">\n\n    <div class=\"chapter-nav-widget\" data-instance-index=\"0\" aria-label=\"Chapter navigation\"><\/div>\n\n    <style>\n    .chapter-nav-widget { max-width:920px; margin:12px auto; padding:6px 10px; box-sizing:border-box; font-family:system-ui,-apple-system,\"Segoe UI\",Roboto,Arial; }\n\n    \/* ARROWS ROW *\/\n    .chapter-nav-widget .cn-arrows {\n        display:flex;\n        align-items:center;\n        gap:10px;\n        margin-bottom:10px;\n        flex-wrap:wrap;\n    }\n    .chapter-nav-widget .cn-arrow {\n        width:32px; height:32px; border-radius:7px; border:0;\n        background:#0b0b0b; color:#fff; cursor:pointer; display:inline-flex;\n        align-items:center; justify-content:center; transition:background .18s, transform .18s;\n    }\n    .chapter-nav-widget .cn-arrow:hover:not([disabled]) { background:#333; transform:scale(1.07); }\n    .chapter-nav-widget .cn-arrow[disabled]{ opacity:.45; cursor:not-allowed; }\n\n    .chapter-nav-widget .cn-chapter-current { color:#222; font-weight:600; margin:0 6px; font-size:14px; }\n\n    \/* custom button placed in arrows row (right by default) *\/\n    .chapter-nav-widget .cn-arrows .cn-custom { margin-left:auto; }\n\n    \/* BAR *\/\n    .chapter-nav-widget .cn-bar-wrapper { overflow-x:auto; padding:6px 6px 8px; }\n    .chapter-nav-widget .cn-bar { display:flex; gap:6px; padding:6px; width:max-content; align-items:center; }\n\n    \/* TABS *\/\n    .chapter-nav-widget .cn-tab {\n        flex:0 0 auto;\n        min-width:32px;\n        padding:6px 8px;\n        border-radius:7px;\n        text-align:center;\n        text-decoration:none;\n        color:#111;\n        background:#f4f4f4;\n        font-weight:600;\n        font-size:12px;\n        border:1px solid rgba(0,0,0,.06);\n        transition:background .2s, color .2s, transform .15s;\n        display:inline-flex;\n        align-items:center;\n        justify-content:center;\n    }\n    .chapter-nav-widget .cn-tab:hover { background:#e8e8e8; transform:translateY(-1px); }\n    .chapter-nav-widget .cn-tab.active { background:#0b0b0b; color:#fff; box-shadow:0 4px 12px rgba(11,11,11,.18); }\n\n    \/* CUSTOM tab (inline mode) *\/\n    .chapter-nav-widget .cn-custom-tab {\n        flex:0 0 auto;\n        min-width:32px;\n        padding:6px 8px;\n        border-radius:7px;\n        text-align:center;\n        text-decoration:none;\n        color:#111;\n        background:#ffffff;\n        font-weight:700;\n        font-size:12px;\n        border:1px solid rgba(0,0,0,.06);\n        transition:background .18s, transform .12s;\n        display:inline-flex;\n        align-items:center;\n        justify-content:center;\n        margin-left:2px;\n    }\n    .chapter-nav-widget .cn-custom-tab:hover { background:#f0f0f0; transform:translateY(-1px); }\n\n    \/* CUSTOM (arrows-row button) styling *\/\n    .chapter-nav-widget .cn-custom {\n        padding:6px 8px;\n        border-radius:7px;\n        background:#f3f3f3;\n        text-decoration:none;\n        color:#111;\n        font-weight:600;\n        font-size:12px;\n        border:1px solid rgba(0,0,0,.06);\n        display:inline-flex;\n        align-items:center;\n        transition:background .2s, transform .15s;\n    }\n    .chapter-nav-widget .cn-custom:hover { background:#e8e8e8; transform:scale(1.05); }\n\n    @media (max-width:520px) {\n        .chapter-nav-widget .cn-arrow { width:30px; height:30px; }\n        .chapter-nav-widget .cn-tab { min-width:30px; padding:5px 7px; font-size:11px; }\n        .chapter-nav-widget .cn-custom-tab { min-width:30px; padding:5px 7px; font-size:11px; }\n    }\n    <\/style>\n    \n\n    <div class=\"chapter-nav-widget\" data-instance-index=\"1\" aria-label=\"Chapter navigation\"><\/div>\n\n    <style>\n    .chapter-nav-widget { max-width:920px; margin:12px auto; padding:6px 10px; box-sizing:border-box; font-family:system-ui,-apple-system,\"Segoe UI\",Roboto,Arial; }\n\n    \/* ARROWS ROW *\/\n    .chapter-nav-widget .cn-arrows {\n        display:flex;\n        align-items:center;\n        gap:10px;\n        margin-bottom:10px;\n        flex-wrap:wrap;\n    }\n    .chapter-nav-widget .cn-arrow {\n        width:32px; height:32px; border-radius:7px; border:0;\n        background:#0b0b0b; color:#fff; cursor:pointer; display:inline-flex;\n        align-items:center; justify-content:center; transition:background .18s, transform .18s;\n    }\n    .chapter-nav-widget .cn-arrow:hover:not([disabled]) { background:#333; transform:scale(1.07); }\n    .chapter-nav-widget .cn-arrow[disabled]{ opacity:.45; cursor:not-allowed; }\n\n    .chapter-nav-widget .cn-chapter-current { color:#222; font-weight:600; margin:0 6px; font-size:14px; }\n\n    \/* custom button placed in arrows row (right by default) *\/\n    .chapter-nav-widget .cn-arrows .cn-custom { margin-left:auto; }\n\n    \/* BAR *\/\n    .chapter-nav-widget .cn-bar-wrapper { overflow-x:auto; padding:6px 6px 8px; }\n    .chapter-nav-widget .cn-bar { display:flex; gap:6px; padding:6px; width:max-content; align-items:center; }\n\n    \/* TABS *\/\n    .chapter-nav-widget .cn-tab {\n        flex:0 0 auto;\n        min-width:32px;\n        padding:6px 8px;\n        border-radius:7px;\n        text-align:center;\n        text-decoration:none;\n        color:#111;\n        background:#f4f4f4;\n        font-weight:600;\n        font-size:12px;\n        border:1px solid rgba(0,0,0,.06);\n        transition:background .2s, color .2s, transform .15s;\n        display:inline-flex;\n        align-items:center;\n        justify-content:center;\n    }\n    .chapter-nav-widget .cn-tab:hover { background:#e8e8e8; transform:translateY(-1px); }\n    .chapter-nav-widget .cn-tab.active { background:#0b0b0b; color:#fff; box-shadow:0 4px 12px rgba(11,11,11,.18); }\n\n    \/* CUSTOM tab (inline mode) *\/\n    .chapter-nav-widget .cn-custom-tab {\n        flex:0 0 auto;\n        min-width:32px;\n        padding:6px 8px;\n        border-radius:7px;\n        text-align:center;\n        text-decoration:none;\n        color:#111;\n        background:#ffffff;\n        font-weight:700;\n        font-size:12px;\n        border:1px solid rgba(0,0,0,.06);\n        transition:background .18s, transform .12s;\n        display:inline-flex;\n        align-items:center;\n        justify-content:center;\n        margin-left:2px;\n    }\n    .chapter-nav-widget .cn-custom-tab:hover { background:#f0f0f0; transform:translateY(-1px); }\n\n    \/* CUSTOM (arrows-row button) styling *\/\n    .chapter-nav-widget .cn-custom {\n        padding:6px 8px;\n        border-radius:7px;\n        background:#f3f3f3;\n        text-decoration:none;\n        color:#111;\n        font-weight:600;\n        font-size:12px;\n        border:1px solid rgba(0,0,0,.06);\n        display:inline-flex;\n        align-items:center;\n        transition:background .2s, transform .15s;\n    }\n    .chapter-nav-widget .cn-custom:hover { background:#e8e8e8; transform:scale(1.05); }\n\n    @media (max-width:520px) {\n        .chapter-nav-widget .cn-arrow { width:30px; height:30px; }\n        .chapter-nav-widget .cn-tab { min-width:30px; padding:5px 7px; font-size:11px; }\n        .chapter-nav-widget .cn-custom-tab { min-width:30px; padding:5px 7px; font-size:11px; }\n    }\n    <\/style>\n    \n\n<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"accordion-item\">\n    <h2 class=\"accordion-header\" id=\"flush-branchTwo\">\n      <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#flush-collapseTwo\" aria-expanded=\"false\" aria-controls=\"flush-collapseTwo_branch\">\n        New Testament\n      <\/button>\n    <\/h2>\n    <div id=\"flush-collapseTwo\" class=\"accordion-collapse collapse\" aria-labelledby=\"flush-branchTwo\" data-bs-parent=\"#accordionFlushExampleBranch\">\n      <div class=\"accordion-body\">&#8230;..<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\t  <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bible Old Testament New Testament &#8230;..<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/plainscripts.com\/index.php?rest_route=\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plainscripts.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/plainscripts.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/plainscripts.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plainscripts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25"}],"version-history":[{"count":1,"href":"https:\/\/plainscripts.com\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/plainscripts.com\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/plainscripts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}