document.addEventListener('DOMContentLoaded', function (){
const radios=document.querySelectorAll('#dogcat_toggle input[name="dogcat_toggle"]');
const dogArea=document.getElementById('dog_area');
const catArea=document.getElementById('cat_area');
if(!dogArea||!catArea) return;
function toggleDisplay(selected){
if(selected==='dog'){
dogArea.style.display='block';
catArea.style.display='none';
}else{
dogArea.style.display='none';
catArea.style.display='block';
}}
const checked=document.querySelector('#dogcat_toggle input[name="dogcat_toggle"]:checked');
if(checked) toggleDisplay(checked.value);
radios.forEach(radio=> {
radio.addEventListener('change', function (){
toggleDisplay(this.value);
});
});
window.addEventListener('pageshow', ()=> {
const current=document.querySelector('#dogcat_toggle input[name="dogcat_toggle"]:checked');
if(!current) return;
toggleDisplay(current.value);
setTimeout(()=> {
current.dispatchEvent(new Event('change', { bubbles: true }));
}, 0);
});
});