Home » , , » โค้ดซ่อน sidebar widget content ด้านข้างของบล็อก

โค้ดซ่อน sidebar widget content ด้านข้างของบล็อก

โค้ดซ่อน sidebar widget content ด้านข้างของบล็อก
-ทำให้ sidebar widget content ส่วนข้าง hide เมื่อคลิกก็จะเลื่อนออกมา
-เพื่อประหยัดพื้นที่บล็อก
-เพื่อความสวยงาม

วิธีวางโค้ด
1. ไปที่แม่แบบ
2. แก้ไข HTML
3. ค้นหา </head>
4. คัดลอกโค้ดสีแดง แล้วไปวางแทนที่ </head>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    $('#sidebar .widget-content').hide();
    $('#sidebar h2:first').addClass('active').next().slideDown('slow');
    $('#sidebar h2').css('cursor', 'pointer').click(function() {
        if($(this).next().is(':hidden')) {
            $('#sidebar h2').removeClass('active').next().slideUp('slow');
            $(this).toggleClass('active').next().slideDown('slow');
        }
    });
});
//]]>
</script>
</head>

5.เสร็จแล้ว บันทึก >> กลับ

อธิบายเพิ่มเติม
-การซ่อน sidebar widget content ด้านข้างของบล็อก เมื่อคลิกที่ชื่อwidget content ก็จะเลื่อนแสดงรายการออกมา
-sidebar widget content ที่อยู่ด้านข้างของบล็อก อาจจะเป็น ป้ายกำกับ(Label) , บทความที่นิยม หรือsidebar widget content  อื่นๆที่อยู่ด้านข้างทั้งหมด

0 ความคิดเห็น:

แสดงความคิดเห็น

วันนี้