Adfly Links not working Find Direct Links HERE

jQuery Smooth Toggle with Changing Show/Hide button

This is a code for jQuery Toggle tool which can Show or Hide the specified text in a div and changed the text in the button accordingly with a smooth transition effect. First there is HTML code then the Script code which must be added with jQuery,js. Working can be seen on DEMO page.

<section class="round-border">
                <button href="#collapse1" class="nav-toggle">Show</button>
            <div id="collapse1" style="display:none">
                <p>Bla bla bla bla</p>
<script src=""></script>
<script type='text/javascript'>
$(document).ready(function() {
                    //get collapse content selector
                    var collapse_content_selector = $(this).attr('href');                    
                    //make the collapse content to be shown or hide
                    var toggle_switch = $(this);
                            toggle_switch.html('Show');//change the button label to be 'Show'
                            toggle_switch.html('Hide');//change the button label to be 'Hide'


Feel free to leave comment if you like above widget, have any questions or just say Hi! :)