// classList 属性を使用します ( Dom 要素、CSS クラス名)
function toggleClassList(element,cName){
// 1. classList API
// クラスを切り替え、存在する場合は削除し、存在しない場合は追加します
if(element.classList.toggle){
element .classList.toggle(cName);
return true;
}
// 実際、この関数 toggleClassList がサポートされている場合,
// その場合、以下のコードは実行されません。これはデモ用です。柔軟に使用してください。
// 2. classList API
// 要素のクラス属性にこの CSS クラスが含まれるかどうか。
var hasHide = element.classList.contains(cName);
//
if(hasHide){
// 3. classList API
// 非表示クラスの
要素を削除します。 classList.remove(cName);
} else {
// 4. classList API
// 非表示クラスを追加します
element.classList.add(cName);
return true;
};