Tanda: Suntingan perangkat seluler Suntingan peramban seluler |
Tanda: Pengosongan Pengembalian manual Suntingan perangkat seluler Suntingan peramban seluler |
| (9 revisi perantara oleh pengguna yang sama tidak ditampilkan) |
| Baris 1: |
Baris 1: |
| mw.hook('wikipage.content').add(function ($content) {
| |
| // KHUSUS HALAMAN UTAMA
| |
| if (!mw.config.get('wgIsMainPage')) {
| |
| return;
| |
| }
| |
|
| |
|
| // Cari link bawaan template yang berisi kata "Selengkapnya"
| |
| $content.find('a').filter(function () {
| |
| return $(this).text().indexOf('Selengkapnya') !== -1;
| |
| }).first().each(function () {
| |
| var $link = $(this);
| |
| var $container = $link.closest('p'); // Paragraf teks artikel unggulan
| |
|
| |
| if ($container.length && !$container.hasClass('mp-processed')) {
| |
| $container.addClass('mp-featured-text is-collapsed mp-processed');
| |
| $link.addClass('featured-readmore-link');
| |
|
| |
| // TRICK UTAMA: Pindahkan link bawaan template keluar dari dalam paragraf
| |
| // lalu taruh tepat di bawah paragraf yang terlipat (biar GAK IKUT KETUTUP)
| |
| var $wrapper = $('<div>', {'class': 'featured-readmore-wrapper'});
| |
| $link.detach().appendTo($wrapper);
| |
| $container.after($wrapper);
| |
|
| |
| var isExpanded = false;
| |
|
| |
| // Handle Klik
| |
| $link.on('click', function (e) {
| |
| if (!isExpanded) {
| |
| // KLIK 1: Tahan navigasi, Buka lipatan animasi & hilangkan efek pudar
| |
| e.preventDefault();
| |
| $container.removeClass('is-collapsed').addClass('is-expanded');
| |
| isExpanded = true;
| |
| }
| |
| // KLIK 2: Mengarah langsung ke halaman artikel asli secara alami!
| |
| });
| |
| }
| |
| });
| |
| });
| |
