Ipressoによって生成されたフォーム内部のコンテンツを隠す/表示する

Question

ウェブサイトでは、私はipressoから生成されたフォームを持っています。私はこのコンテンツを隠すための合意を作りたいですし、クリック後にそれを見せたいと思います。しかし、私はどこでクラスの名前を見つけることができますか？ ]

Answer 1

ipressoで生成されたページのブラウザで、変更したい要素を右クリックし、[オプション]チェックボックスをオンにしてください。要素/検査。ソースコードでは、あなたのフォームには、jQueryでセレクタとして使用するid/classが必要です。以下で説明します。

$("#toggle-button").click(function(){ 
    $("your-form").toggle(); 
}); 

OR

$("#hide-button").click(function(){ 
    $("your-form").hide(); 
}); 

$("#show-button").click(function(){ 
    $("your-form").show(); 
}); 

要素は常にすべてのリフレッシュに異なるID /クラスを生成している場合は行うには別のものがに頼るより記述CSSセレクタを使用することです（私は非常にことを疑います）一貫したhtmlタグの構造。ここでも、ほとんどのブラウザーにあるInspect/Inspect要素を使ってそれらを見つけることができます。これは回避策ですが、構造が変更された場合、複数の場所で編集する必要があるので、私がやりたいことではありません。それは最初に隠されるのであれば

Answer 2

あなたはちょうどあなたの要件に基づいて

$("#button").click(function(){ 
    $("#target_div").toggle(); 
}); 

をあなたのウェブサイトにjqueryのを追加した場合は存在しないjQueryのトグルクラスを使用して問題を解決することができますがdisplay:noneにdiv要素の初期のCSSを設定します。