{"id":4833,"date":"2022-08-24T18:33:31","date_gmt":"2022-08-24T13:03:31","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/"},"modified":"2022-08-24T18:33:31","modified_gmt":"2022-08-24T13:03:31","slug":"solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/","title":{"rendered":"[Solved] Bootstrap toggle doesn\u00b4t work when a link is clicked"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-21868577\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"21868577\" data-parentid=\"21868414\" data-score=\"0\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>Having the menu collapse when a link is clicked is not the default functionality of the expand\/collapse menu with bootstrap.  If you want it to function that way, you have to bind the hide function <code>.collapse('hide')<\/code> to the click action for those links.<\/p>\n<p>You can do so by including this:<\/p>\n<pre><code>jQuery(function($){\n    $('.navbar-default .navbar-nav &gt; li &gt; a').click(function() {\n        $('.navbar-default .navbar-collapse').collapse('hide')\n    });\n});\n<\/code><\/pre>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\">0<\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved Bootstrap toggle doesn\u00b4t work when a link is clicked <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] Having the menu collapse when a link is clicked is not the default functionality of the expand\/collapse menu with bootstrap. If you want it to function that way, you have to bind the hide function .collapse(&#8216;hide&#8217;) to the click action for those links. You can do so by including this: jQuery(function($){ $(&#8216;.navbar-default .navbar-nav &gt; &#8230; <a title=\"[Solved] Bootstrap toggle doesn\u00b4t work when a link is clicked\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/\" aria-label=\"More on [Solved] Bootstrap toggle doesn\u00b4t work when a link is clicked\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[464,346,333,388,1102],"class_list":["post-4833","post","type-post","status-publish","format-standard","hentry","category-solved","tag-css","tag-html","tag-javascript","tag-jquery","tag-twitter-bootstrap-3"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] Bootstrap toggle doesn\u00b4t work when a link is clicked - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Bootstrap toggle doesn\u00b4t work when a link is clicked - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] Having the menu collapse when a link is clicked is not the default functionality of the expand\/collapse menu with bootstrap. If you want it to function that way, you have to bind the hide function .collapse(&#039;hide&#039;) to the click action for those links. You can do so by including this: jQuery(function($){ $(&#039;.navbar-default .navbar-nav &gt; ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-24T13:03:31+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Bootstrap toggle doesn\u00b4t work when a link is clicked\",\"datePublished\":\"2022-08-24T13:03:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/\"},\"wordCount\":74,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"css\",\"html\",\"javascript\",\"jquery\",\"twitter-bootstrap-3\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/\",\"name\":\"[Solved] Bootstrap toggle doesn\u00b4t work when a link is clicked - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-08-24T13:03:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Bootstrap toggle doesn\u00b4t work when a link is clicked\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] Bootstrap toggle doesn\u00b4t work when a link is clicked - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Bootstrap toggle doesn\u00b4t work when a link is clicked - JassWeb","og_description":"[ad_1] Having the menu collapse when a link is clicked is not the default functionality of the expand\/collapse menu with bootstrap. If you want it to function that way, you have to bind the hide function .collapse('hide') to the click action for those links. You can do so by including this: jQuery(function($){ $('.navbar-default .navbar-nav &gt; ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/","og_site_name":"JassWeb","article_published_time":"2022-08-24T13:03:31+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Bootstrap toggle doesn\u00b4t work when a link is clicked","datePublished":"2022-08-24T13:03:31+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/"},"wordCount":74,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["css","html","javascript","jquery","twitter-bootstrap-3"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/","url":"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/","name":"[Solved] Bootstrap toggle doesn\u00b4t work when a link is clicked - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-08-24T13:03:31+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-bootstrap-toggle-doesnt-work-when-a-link-is-clicked\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Bootstrap toggle doesn\u00b4t work when a link is clicked"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/4833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=4833"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/4833\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=4833"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=4833"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=4833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}