ページの読み込み時にすべてのdivを折りたたむことはできましたが、特定のdivをクリックしてテーブルを展開することができました。 これを行う簡単な方法は、各テーブルに一意のIDを割り当て、divのクリックでjavascript関数にテーブルIDを渡し、表示するスタイルを設定することです。javascriptを使用してページ内の複数のdiv /テーブルを展開して折りたたむ
これはいくつかのページにまたがって実装する必要があるため、他の方法があるかどうかを知りたかったのですが、他の簡単な解決策が役立ちます。
javascriptではなくjqueryでコードを書くのに助けが必要です。
ありがとうございます！
これを行う1つの方法は、element.style.displayプロパティをnoneに設定することです。要素を再度表示する必要がある場合は、そのプロパティを元の状態に戻すことができます。この方法では、コードはCSSルールに依存しないため、そのIDに適用される他のルールがあなたのものに干渉することはありません。
//to disappear (example for a div)
document.getElementById('myDiv').style.display = 'none';
//to reappear
document.getElementById('myDiv').style.display = 'block';
いくつかの要素には異なるデフォルト値があります。たとえば、divの表示はblockですが、imgのデフォルトの表示はinlineです。
は、私はあなたの質問を読み違えは、別の方法は、あなたの要素にクラス名disappearを追加することです。あなたのCSSの文書で：
あなたがそれを消す必要があるときは、要素からクラスを削除してください。
詳しい説明はMineandCraft12ありがとうございます。これは私が試みたものですが、これよりも効率的なアプローチがあるかどうかを見ていました。申し訳ありませんが、私の質問ではっきりしていませんでした。 – CoolWebDev
私はこれが、より効率的な方法のいくつかであると考えています。各メソッドは、オンとオフを切り替えるのに1行のコードしか必要ではないと判断しますが、そこには別のコードがある可能性があります。今のところ急いで見ることはできませんが、すぐに私はチャンスを得るとすぐにそれをさらに詳しく見ていきます。 – MineAndCraft12
ありがとうMineAndCrafy12 – CoolWebDev
downvoteがそこにあった理由がわかりません。これは正当な質問で、要素を消して再現させる方法を求めているようです。 – MineAndCraft12