必要なフォントをすべてのブラウザで機能させるのに問題があったため、Webサイトにある数行のテキストにtypeface.jsを使用しています。これを使用すると、通常のa:hoverまたは同様のCSSは効果的ではありませんが、下線を削除することができました。
私はjsでこれを行う方法を探しており、このフォーラムが提供している方法、特にこれを試しました。
私はjsにかなり慣れていませんが、最善を尽くします。どんな助けでもありがたいです、そしてあなたが他の提案を持っているならば、私は彼らにオープンです!
アコーディオンメニューのHTML
<div class="mH"
onclick="toggleMenu('menu1')">PORTFOLIO</div>
<div id="menu1" class="mL">
<a class="mO" href="pages/portraits.html">portraits</a>
<a class="mO" href="pages/thezoo.html">the zoo</a>
</div>
<div class="mH"
onclick="toggleMenu('menu2')">COMMERCIAL</div>
<div id="menu2" class="mL">
<a class="mO" href="pages/video.html">video</a>
<a class="mO" href="pages/photography.html">photography</a>
<a class="mO" href="pages/designillustration.html">design & illustration</a>
</div>
<div class="mH"
onclick="toggleMenu('menu3')">TRAVEL</div>
<div id="menu3" class="mL">
<a class="mO" href="pages/tanzania.html">tanzania</a>
</div>
</div>
アコーディオンメニューのJS
function toggleMenu(objID) {
if (!document.getElementById) return;
var ob = document.getElementById(objID).style;
ob.display = (ob.display == 'block')?'none': 'block';
}