質問: 特定のclassを表示、非表示にする javascriptで特定のclassを表示、非表示にする方法を検討中なのですが、 a,b,cと三つのボタンが有り、abcというclassがあります。 aをクリックするとb,cが非表示になり、aが表示される bをクリックするとa,cが非表示になり、bが表示される cをクリックするとa,bが非表示になり、cが表示される と言う動作をさせたいのですが、上手くいきません。 どなたかご教授ください。 お願いいたします。 | | | | --- | --- | | テスト | | | test | | a) b) c)
回答: くらすがこていなら、こっちがすこしはやいかなぁ~? var change = (function ( ) { var classa = document.getelementsbyclassname( 'a' ); var classb = document.getelementsbyclassname( 'b' ); var classc = document.getelementsbyclassname( 'c' ); return (function ( setter ) { return function ( s, css ) { if( 'undefined' == typeof css ) css = 'inline'; array.map( classa, setter( s == 'a' ? css, 'none' ) ); array.map( classb, setter( s == 'b' ? css, 'none' ) ); array.map( classc, setter( s == 'c' ? css, 'none' ) ); }; })( function ( css ) { return function ( e ) { e.style.display = css; }; }); })();