{"id":5484,"date":"2016-01-28T11:45:19","date_gmt":"2016-01-28T19:45:19","guid":{"rendered":"http:\/\/www.dognmonkey.com\/techs\/?p=5484"},"modified":"2017-11-14T10:42:19","modified_gmt":"2017-11-14T18:42:19","slug":"shortcodes-for-boostrap-collapsible","status":"publish","type":"post","link":"https:\/\/www.dognmonkey.com\/techs\/shortcodes-for-boostrap-collapsible.html","title":{"rendered":"Shortcodes For Boostrap Collapsible"},"content":{"rendered":"

\"bs_full\"<\/a> \u00a0 \"bs_full1\"<\/a><\/p>\n

[bs]<\/p>\n

I like to use Bootstrap for my blogs, so I created a few shortcodes for collapsible and link buttons when I need to use them.<\/p>\n

[mybs data=”1″ title=”this is title1″]1. Lorem ipsum dolor sit amet, consectetur adipisicing elit,[\/mybs]<\/p>\n

[mybs data=”2″ title=”this is title2″]2. Lorem ipsum dolor sit amet, consectetur adipisicing elit,[\/mybs]<\/p>\n

[mybs data=”3″ title=”this is title3″]3. Lorem ipsum dolor sit amet, consectetur adipisicing elit,[\/mybs]<\/p>\n

add_shortcode( ‘mybs’, ‘mybs_func’ );
\nfunction mybs_func($atts, $content = null) {
\nextract(shortcode_atts(array(
\n‘data’ => ”,
\n‘title’ =>”,
\n), $atts));
\nreturn
\n‘”< “button class=”btn btn-info” type=”button” data-toggle=”collapse” data-target=”‘.’#’.$atts[‘data’].'”>’.$atts[‘title’].”.
\n‘
\n“< “div id=”‘.$atts[‘data’].'” class=”collapse”>’.$content.'< “\/”div>
\n‘
\n; }<\/p>\n

add_shortcode( ‘bs’, ‘bsscript’ );
\nfunction bsscript() {
\nreturn
\n‘