كود [css,javascript] اخفاء واظهار التواقيع بدون تومبيلات حصريا على حروف ديزاين

اقدم لكم الكود الحصري الرائع
كود اظهار واخفاء التواقيع بطريقة جميلة مثل منتديات الفى بى
والكود يعمل علي جميع النسخ إن شاء الله

صوره لمعاينة الكود




 
اولا كود css

الكود:

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

ثآنيآ كود javascript

الكود:


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

        });


اتمنى ان يعجبكم

ممنوع النقل بدون ذكر المصدر

حروف ديزاين + مملكة ناروتو