Old FAQ JS

```
 $.showCustomModal('RailWAM: ' + i18n.faqTitle, i18n.faqWelcome + '<br><span id="railwam-section-wam" class="faqHeader" style="margin-top:10px; font-size:1.5em; display:block; padding:5px 10px; transition:all .2s; cursor:pointer; height:31px; box-sizing:border-box;">' + i18n.sectionWAM + ' <svg xmlns="http://www.w3.org/2000/svg" class="faq-arrow" style="height:7px; vertical-align:middle; transition:all .2s;" viewBox="0 0 48 28"> <path d="M 23.13,17.82 C 25.53,18.50 27.55,15.92 29.08,14.42 31.94,11.61 40.81,0.40 44.79,2.17 48.06,3.60 46.34,6.99 44.79,8.91 44.79,8.91 31.89,21.55 31.89,21.55 30.27,23.22 27.11,26.82 24.87,27.30 20.89,28.14 12.26,17.74 9.41,14.92 6.01,11.55 -1.75,6.81 3.19,2.17 10.81,1.46 17.11,16.11 23.13,17.82 Z"/></svg>' + '</span><span id="railwam-section-wam-ans" style="display:block;" class="railwam-section-ans"><h2 style="margin-top:10px; font-size:1.3em;">' + i18n.quesWhatIsWAM + '</h2><span style="text-indent:20px; display:block;">' + i18n.ansWhatIsWAM + '</span><h2 style="margin-top:10px; font-size:1.3em;">' + i18n.quesCalcWAM + '</h2><span style="text-indent:20px; display:block;">' + i18n.ansCalcWAM + '</span><h2 style="margin-top:10px; font-size:1.3em;">' + i18n.quesImproveWAM + '</h2><span style="text-indent:20px; display:block;">' + i18n.ansImproveWAM + '</span><h2 style="margin-top:10px; font-size:1.3em;">' + i18n.quesScoreZero + '</h2><span style="text-indent:20px; display:block; margin-bottom:10px;">' + i18n.ansScoreZero + '</span></span><span id="railwam-section-railwam" class="faqHeader" style="font-size:1.5em; display:block; padding:5px 10px; transition:all .2s; cursor:pointer; height:31px; box-sizing:border-box;">' + i18n.sectionRailWAM + ' <svg xmlns="http://www.w3.org/2000/svg" class="faq-arrow" style="height:7px; vertical-align:middle; transition:all .2s;" viewBox="0 0 48 28"> <path d="M 23.13,17.82 C 25.53,18.50 27.55,15.92 29.08,14.42 31.94,11.61 40.81,0.40 44.79,2.17 48.06,3.60 46.34,6.99 44.79,8.91 44.79,8.91 31.89,21.55 31.89,21.55 30.27,23.22 27.11,26.82 24.87,27.30 20.89,28.14 12.26,17.74 9.41,14.92 6.01,11.55 -1.75,6.81 3.19,2.17 10.81,1.46 17.11,16.11 23.13,17.82 Z"/></svg>' + '</span><span id="railwam-section-railwam-ans" style="display:block;" class="railwam-section-ans"><h2 style="margin-top:10px; font-size:1.3em;">' + i18n.quesWhatIsRailWAM + '</h2><span style="text-indent:20px; display:block;">' + i18n.ansWhatIsRailWAM + '</span><h2 style="margin-top:10px; font-size:1.3em;">' + i18n.quesInstallRailWAM + '</h2><span style="text-indent:20px; display:block;">' + i18n.ansInstallRailWAM + '</span><h2 style="margin-top:10px; font-size:1.3em;">' + i18n.quesCreators + '</h2><span style="text-indent:20px; display:block;">' + i18n.ansCreators + '</span></span>', {
 width:windowWidth \* 0.7
 });
 $('.railwam-section-ans').hide();
 $('.faqHeader').click(function() {
 var clickedHeader = $(this);
 clickedHeader.css('opacity','.8');
 setTimeout(function () {
 clickedHeader.css('opacity','1');
 }, 200);

 });
 var wamDegrees = 0;
 var railwamDegrees = 0;
 $('#railwam-section-wam').click(function () {
 var headerContent = $(this).next();
 headerContent.slideToggle(200);
 wamDegrees += 180;
 $('.faq-arrow',$(this)).css('transform','rotate(' + wamDegrees + 'deg)');
 });
 $('#railwam-section-railwam').click(function () {
 var headerContent = $(this).next();
 headerContent.slideToggle(200);
 railwamDegrees += 180;
 $('.faq-arrow',$(this)).css('transform','rotate(' + railwamDegrees + 'deg)');
 });

 var bgColor = $('.WikiHeader > nav.WikiNav .navbackground').css('background-color');
 var fontColor = $('.modalWrapper').css('background-color');
 $('.faqHeader').css('background',bgColor);
 $('.faqHeader').css('color',fontColor);
 $('.faq-arrow').css('fill',fontColor);

```