اود معرفة فعل هذا

@media only screen and (min-width: 480px)

.subLink {

    border: 1px solid #e7e7e7;

    border-radius: 3px;

    background: #fff;

    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);

    box-shadow: 0 1px 1px rgba(0,0,0,.1);

    position: absolute;

    padding: 5px 0;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.24);

    box-shadow: 0 1px 3px rgba(0,0,0,.24);

    top: 5px;

    right: 10px;

    z-index: 30;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



@media only screen and (min-width: 480px)

.subLink:before {

    top: -8px;

    border-bottom-color: #e7e7e7;

}



@media only screen and (min-width: 480px)

.subLink:after, .subLink:before {

    top: -6px;

    border-width: 0 8px 8px 8px;

    right: 14px;

    border-color: transparent transparent #fff;

}

@media only screen and (min-width: 480px)

.subLink:before {

    z-index: 10;

}

@media only screen and (min-width: 480px)

.subLink:after, .subLink:before {

    position: absolute;

    z-index: 20;

    width: 0;

    height: 0;

    border-style: solid;

    content: " ";

}

<script type="text/javascript">

//<![CDATA[

$(".sub4r.stat4r").each(function() {

    var sub = $(this);

    if (!sub.is(":empty")) {

        sub.contents().filter(function() {

            return this.nodeType === 3;

        }).remove().end().filter("a").wrap("<li></li>");

        sub.wrapInner('<ul class="subLink"></ul>').prepend("الاقسام الفرعية: <strong>" + sub.find("a").length + "</strong>");

    }

});

//]]>

</script>