كود اظهار واخفاء التواقيع بطريقة جميلة مثل منتديات الفى بى

jQuery(document).ready(function(){

       
jQuery(".signature_div").wrapInner(jQuery('<div
class="vista-code"></div>')).prepend(jQuery('<span
class="arabcodey"></span>'));

        jQuery(".arabcodey").click(function(){
        jQuery(this).parents(".signature_div").children(".vista-code").slideToggle(300);
        return false
        });

        jQuery(".arabcodey").toggle(
        function(event) {jQuery(event.target).css('backgroundPosition', '0 -30px');},
        function(event) {jQuery(event.target).css('backgroundPosition', '0 0');}
        );

        });

  .vista-code {
        display: none;
        }
 
        .arabcodey {
        cursor: pointer;
        display: block;
        height: 30px;
        width: 150px;
        background-image: url('http://i47.servimg.com/u/f47/17/07/42/77/hide_s10.png');
        copyright:vistacode;
        background-position: 0 -30;
       
        }