Stylish Open DIV On Click Widget For Blog And Website

<style>
#exediv, #exediv_2{height:300px;background-color: #efefef;padding:20px;display:none;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
(function ($) {
$.fn.showHide = function (options) {
var defaults = {
speed: 1000,
};
var options = $.extend(defaults, options);
$(this).click(function () {
$('.toggleDiv').slideUp(options.speed, options.easing);
var toggleClick = $(this);
var toggleDiv = $(this).attr('rel');
$(toggleDiv).slideToggle(options.speed, options.easing, function() {
if(options.changeText==1){
$(toggleDiv).is(":visible") ? toggleClick.text(options.hideText) : toggleClick.text(options.showText);
}
});
return false;
});
};
})(jQuery);
</script>
<script type="text/javascript">
$(document).ready(function(){
$('.show_hide').showHide({  
speed: 1000, 
}); 
});
</script>
<a href="#" class="show_hide" rel="#exediv">Division 1</a><br />
<div id="exediv">
Fill This Space With Your First DIV Content Like Text, HTML Code, JavaScript Code, Video, Pic And Anything You Want To Show Here.
</div>
<a href="#" class="show_hide" rel="#exediv_2">Division 2</a><br />
<div id="exediv_2">
Fill This Space With Your Second DIV Content Like Text, HTML Code, JavaScript Code, Video, Pic And Anything You Want To Show Here.
</div>

Customization:

1.) Change The Orange Text With Your DIV CSS.
2.) Change The Purple Value To Same To Change The Timing Of  DIV Opening.
3.) Change The Red Text With Your DIV Titles.
4.) Change The Blue Text Your DIV Content Like Text, HTML Code, JavaScript Code, Video, Pic And Anything You Want To Show Here.
5.) If You Want To Add More DIV, Please Feel Free To Ask.