Вскрытие замков в Москве

(() => { const boot = () => {

  const root=document.getElementById('faq');
  if(!root || root.dataset.faqReady==='1') return;
  root.dataset.faqReady='1';

  const groups=[...root.querySelectorAll('[data-faq-group]')];
  const filterButtons=[...root.querySelectorAll('[data-faq-filter]')];
  const count=root.querySelector('[data-faq-count]');
  const expand=root.querySelector('[data-faq-expand]');

  const items=()=>groups.filter(g=>g.style.display!=='none').flatMap(g=>[...g.querySelectorAll('[data-faq-question]')]);
  const setItem=(item,open)=>{
    const btn=item.querySelector('[data-faq-toggle]');
    const ans=item.querySelector('[data-faq-answer]');
    const icon=item.querySelector('[data-faq-icon]');
    btn.setAttribute('aria-expanded',String(open));
    ans.style.display=open?'block':'none';
    item.style.borderLeft=open?'3px solid #bd4625':'1px solid #d5e0e7';
    if(icon) icon.textContent=open?'−':'+';
  };
  const updateExpand=()=>{
    const visible=items();
    if(expand) expand.textContent=visible.length && visible.every(i=>i.querySelector('[data-faq-toggle]').getAttribute('aria-expanded')==='true')?'Свернуть ответы':'Раскрыть ответы';
  };
  const setFilter=value=>{
    groups.forEach(g=>g.style.display=(value==='all'||g.dataset.faqGroup===value)?'block':'none');
    filterButtons.forEach(b=>{
      const active=b.dataset.faqFilter===value;
      b.setAttribute('aria-pressed',String(active));
      b.style.background=active?'#173246':'transparent';
      b.style.color=active?'#fff':'#173246';
      b.style.borderColor=active?'#173246':'#bccdd8';
    });
    if(count) count.textContent='Показано вопросов: '+items().length+' из 24';
    updateExpand();
  };

  root.addEventListener('click',e=>{
    const toggle=e.target.closest('[data-faq-toggle]');
    if(toggle && root.contains(toggle)){
      const item=toggle.closest('[data-faq-question]');
      setItem(item,toggle.getAttribute('aria-expanded')!=='true');
      updateExpand();
      return;
    }
    const filter=e.target.closest('[data-faq-filter]');
    if(filter && root.contains(filter)){setFilter(filter.dataset.faqFilter);return;}
    if(e.target.closest('[data-faq-expand]')){
      const visible=items();
      const open=!visible.every(i=>i.querySelector('[data-faq-toggle]').getAttribute('aria-expanded')==='true');
      visible.forEach(i=>setItem(i,open));
      updateExpand();
    }
  });

  root.querySelectorAll('.faq30-topics a[href^="#faq30-"]').forEach(a=>a.addEventListener('click',()=>{
    const id=a.getAttribute('href').replace('#faq30-','');
    setFilter(id);
  }));

}; if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',boot,{once:true});else boot();})();

// Extracted from pasted content. Enable execution only if you trust this code.
(function(){
  const root=document.getElementById('faq');
  if(!root || root.dataset.faqReady==='1') return;
  root.dataset.faqReady='1';

  const groups=[...root.querySelectorAll('[data-faq-group]')];
  const filterButtons=[...root.querySelectorAll('[data-faq-filter]')];
  const count=root.querySelector('[data-faq-count]');
  const expand=root.querySelector('[data-faq-expand]');

  const items=()=>groups.filter(g=>g.style.display!=='none').flatMap(g=>[...g.querySelectorAll('[data-faq-question]')]);
  const setItem=(item,open)=>{
    const btn=item.querySelector('[data-faq-toggle]');
    const ans=item.querySelector('[data-faq-answer]');
    const icon=item.querySelector('[data-faq-icon]');
    btn.setAttribute('aria-expanded',String(open));
    ans.style.display=open?'block':'none';
    item.style.borderLeft=open?'3px solid #bd4625':'1px solid #d5e0e7';
    if(icon) icon.textContent=open?'−':'+';
  };
  const updateExpand=()=>{
    const visible=items();
    if(expand) expand.textContent=visible.length && visible.every(i=>i.querySelector('[data-faq-toggle]').getAttribute('aria-expanded')==='true')?'Свернуть ответы':'Раскрыть ответы';
  };
  const setFilter=value=>{
    groups.forEach(g=>g.style.display=(value==='all'||g.dataset.faqGroup===value)?'block':'none');
    filterButtons.forEach(b=>{
      const active=b.dataset.faqFilter===value;
      b.setAttribute('aria-pressed',String(active));
      b.style.background=active?'#173246':'transparent';
      b.style.color=active?'#fff':'#173246';
      b.style.borderColor=active?'#173246':'#bccdd8';
    });
    if(count) count.textContent='Показано вопросов: '+items().length+' из 24';
    updateExpand();
  };

  root.addEventListener('click',e=>{
    const toggle=e.target.closest('[data-faq-toggle]');
    if(toggle && root.contains(toggle)){
      const item=toggle.closest('[data-faq-question]');
      setItem(item,toggle.getAttribute('aria-expanded')!=='true');
      updateExpand();
      return;
    }
    const filter=e.target.closest('[data-faq-filter]');
    if(filter && root.contains(filter)){setFilter(filter.dataset.faqFilter);return;}
    if(e.target.closest('[data-faq-expand]')){
      const visible=items();
      const open=!visible.every(i=>i.querySelector('[data-faq-toggle]').getAttribute('aria-expanded')==='true');
      visible.forEach(i=>setItem(i,open));
      updateExpand();
    }
  });

  root.querySelectorAll('.faq30-topics a[href^="#faq30-"]').forEach(a=>a.addEventListener('click',()=>{
    const id=a.getAttribute('href').replace('#faq30-','');
    setFilter(id);
  }));
})();