كود اخفاء واظهار التواقيع مثل فريق الاكواد

 
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;
       
      }