In order to present a lot of information to user in concise manner using togglebar is second to none which gives user the flexibility to switch content between visibility and invisibility. If you have been following the first toggle bar which you can check on this link, this post is modified and extended on that by adding two layered tabbed content inside that sidebar togglebar. For the illustrati...
In your site, it is always wonderful to give user option to see list of images or videos with popup particularly on product review section in a web page. For this purpose, there is a nice jQuery plugin named fancyboxapp with which I am going to show you how to use that in the following. I also give you a demo link to view the full source code in action. Step 1 Html: In your html, it need...
To hide large chunk of data on a page in web application, sometimes it is required to give user sliding option with a toggle bar from left or right side of page. In the following approach I will show you how you can make this sidebar toggle bar. Step 1 Html: For this togglebar you are going to need to sets of html one inside another like following &l...
Click event on both static and dynamically created elements $(document).off("click",'.invest-models').on('click', '.invest-models', function (e) { $(this).toggleClass('red-bg'); if($(this).hasClass('red-bg')){ $(this).html('Hide Models'); }else{ $(this).html('Display Models'); } }); How to close BS modal clicking outside modal $("body").on("click", ".modal-dialog", fu...