मीडियाविकि:Minerva.js: संशोधनहरू बीचको भिन्नता

कुनै सम्पादन सारांश छैन
कुनै सम्पादन सारांश छैन
चिनो: फर्काई दियो
पङ्क्ति ७: पङ्क्ति ७:
         '<ul id="p-main-categories" class="recommended-open">'+
         '<ul id="p-main-categories" class="recommended-open">'+
         '<li class="title-recommended open"><a><span>सिफारिस गरिएका कागजात</span></a><span class="ico-arrow"></span></li>'+
         '<li class="title-recommended open"><a><span>सिफारिस गरिएका कागजात</span></a><span class="ico-arrow"></span></li>'+
         '<li class="recommended"><a href="/परमेश्वरको मण्डली विश्व सुसमाचार समाज"><span>परमेश्वरको मण्डली (कागजात)</span></a></li>'+
         '<li class="recommended"><a href="/ne/परमेश्वरको मण्डली विश्व सुसमाचार समाज"><span>परमेश्वरको मण्डली (कागजात)</span></a></li>'+
         '<li class="recommended"><a href="/आन साङ होङ"><span>ख्रीष्ट आन साङ होङज्यू</span></a></li>'+
         '<li class="recommended"><a href="/ne/आन साङ होङ"><span>ख्रीष्ट आन साङ होङज्यू</span></a></li>'+
         '<li class="recommended"><a href="/माता परमेश्वर"><span>माता परमेश्वर</span></a></li>'+
         '<li class="recommended"><a href="/ne/माता परमेश्वर"><span>माता परमेश्वर</span></a></li>'+
         '<li class="recommended"><a href="/शबाथ-दिन"><span>शबाथ-दिन</span></a></li>'+
         '<li class="recommended"><a href="/ne/शबाथ-दिन"><span>शबाथ-दिन</span></a></li>'+
         '<li class="recommended"><a href="/निस्तार-चाड"><span>निस्तार-चाड</span></a></li>'+
         '<li class="recommended"><a href="/ne/निस्तार-चाड"><span>निस्तार-चाड</span></a></li>'+
         '<li class="recommended"><a href="/सुसमाचार र नयाँ करार"><span>सुसमाचार र नयाँ करार</span></a></li>'+
         '<li class="recommended"><a href="/ne/सुसमाचार र नयाँ करार"><span>सुसमाचार र नयाँ करार</span></a></li>'+
         '<li class="title-category"><a><span>विधाअनुसार खोजी</span></a><span class="ico-arrow"></span></li>'+
         '<li class="title-category"><a><span>विधाअनुसार खोजी</span></a><span class="ico-arrow"></span></li>'+
         '<li class="category"><a href="/Category:परमेश्वरको मण्डली"><span>परमेश्वरको मण्डली</span></a></li>'+
         '<li class="category"><a href="/ne/Category:परमेश्वरको मण्डली"><span>परमेश्वरको मण्डली</span></a></li>'+
         '<li class="category"><a href="/Category:पिता परमेश्वर"><span>पिता परमेश्वर</span></a></li>'+
         '<li class="category"><a href="/ne/Category:पिता परमेश्वर"><span>पिता परमेश्वर</span></a></li>'+
         '<li class="category"><a href="/Category:माता परमेश्वर"><span>माता परमेश्वर</span></a></li>'+
         '<li class="category"><a href="/ne/Category:माता परमेश्वर"><span>माता परमेश्वर</span></a></li>'+
         '<li class="category"><a href="/Category:नयाँ करार सुसमाचार"><span>नयाँ करार सुसमाचार</span></a></li>'+
         '<li class="category"><a href="/ne/Category:नयाँ करार सुसमाचार"><span>नयाँ करार सुसमाचार</span></a></li>'+
         '<li class="category"><a href="/Category:बाइबलीय ज्ञान"><span>बाइबलीय ज्ञान</span></a></li>'+
         '<li class="category"><a href="/ne/Category:बाइबलीय ज्ञान"><span>बाइबलीय ज्ञान</span></a></li>'+
         '<li class="category"><a href="/Category:बाइबलीय मुद्दा"><span>बाइबलीय मुद्दा</span></a></li>'+
         '<li class="category"><a href="/ne/Category:बाइबलीय मुद्दा"><span>बाइबलीय मुद्दा</span></a></li>'+
         '<li class="category"><a href="/Category:सामाजिक योगदान"><span>सामाजिक योगदान</span></a></li>'+
         '<li class="category"><a href="/ne/Category:सामाजिक योगदान"><span>सामाजिक योगदान</span></a></li>'+
         '<li class="category"><a href="/Category:ग्लोबल सहकारिता"><span>ग्लोबल सहकारिता</span></a></li>'+
         '<li class="category"><a href="/ne/Category:ग्लोबल सहकारिता"><span>ग्लोबल सहकारिता</span></a></li>'+
         '</ul>'
         '</ul>'
     );
     );
      
      
document.querySelector('#p-main-categories .title-recommended').addEventListener('click', function () {
// Recommended Documents 토글
    openList(this, 'recommended-open');
document.querySelector('#p-main-categories .title-recommended')
});
    .addEventListener('click', function (event) {
document.querySelector('#p-main-categories .title-category').addEventListener('click', function () {
        event.stopPropagation(); // 사이드바 닫힘 방지
    openList(this, 'category-open');
        openList(this, '.recommended');
});
    });


function openList(titleLi, listClass) {
// Browse by Category 토글
    var list = document.querySelector('#p-main-categories');
document.querySelector('#p-main-categories .title-category')
     if (list.classList.contains(listClass)) {
     .addEventListener('click', function (event) {
         list.classList.remove(listClass);
         event.stopPropagation(); // 사이드바 닫힘 방지
    } else {
         openList(this, '.category');
         list.classList.add(listClass);
     });
     }


     if (titleLi.classList.contains('open')) {
function openList(titleLi, selector) {
        titleLi.classList.remove('open');
     titleLi.classList.toggle('open');
    } else {
    let next = titleLi.nextElementSibling;
        titleLi.classList.add('open');
    while (next && !next.classList.contains('title-recommended') && !next.classList.contains('title-category')) {
        if (next.matches(selector)) {
            next.style.display = (next.style.display === 'none' || next.style.display === '') ? 'block' : 'none';
        }
        next = next.nextElementSibling;
     }
     }
}
}