{"id":14792,"date":"2019-03-20T07:51:52","date_gmt":"2019-03-20T07:51:52","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=14792"},"modified":"2021-12-22T08:40:22","modified_gmt":"2021-12-22T08:40:22","slug":"close-accordion-on-click","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/knowledge-base\/close-accordion-on-click","title":{"rendered":"Close accordion on click"},"content":{"rendered":"

By default, there is no option to close the accordion on click but there is a solution.<\/p>\n

You can add the following JS code to achieve\u00a0this:<\/p>\n

<script type=”text\/javascript”>
\n(function($){
\n$(“.vc_tta<\/span>–accordion<\/span>\u00a0.vc_tta<\/span>–panel<\/span>“).on(“click”,function(){
\nvar self = $(this);
\nif($(this).hasClass(“vc_active”)){
\n$(this).find(“.vc_tta<\/span>–panel<\/span>–body”).slideUp(400,function(){
\nself.removeClass(“vc_active”);
\n});
\nreturn false;
\n}
\n});
\n})(jQuery);
\n<\/script><\/p>\n

Add the code to Theme options<\/del>\u00a0General options<\/del>\u00a0Custom CSS\/JS<\/del> Custom JS<\/del> field.<\/p>\n

Note, in case you have links inside the accordion they will not be clickable, they will close the accordion.<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

By default, there is no option to close the accordion on click but there is a solution. You can add the following JS code to achieve\u00a0this: <script type=”text\/javascript”> (function($){ $(“.vc_tta–accordion\u00a0.vc_tta–panel“).on(“click”,function(){<\/p>\n","protected":false},"author":30,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[136,216,74,22,33],"_links":{"self":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/14792"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=14792"}],"version-history":[{"count":15,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/14792\/revisions"}],"predecessor-version":[{"id":15520,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/14792\/revisions\/15520"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=14792"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=14792"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=14792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}