jquery父（）按鈕切換和窗體展開

我試圖切換兩個狀態之間的按鈕，點擊。該按鈕還會在第一次點擊時打開聯繫表單，一旦表單完成，第二次點擊將關閉表單。我的JQ w/.parent（）（單擊表單功能正常，但沒有按鈕從郵件圖標過渡到關閉（'x'）圖標）。jquery父（）按鈕切換和窗體展開

$("#popup_contact > a.button").click(function(e){ 
      e.preventDefault(); 
      $(this).parent().toggleClass('focus').toggleClass('active'); 
     });

我JQ - W/O .parent（）（在點擊按鈕轉換從郵件圖標關閉（ 'X'）圖標，但形式並不擴展到視圖）。

$("#popup_contact > a.button").click(function(e){ 
     e.preventDefault(); 
     $(this).toggleClass('focus').toggleClass('active'); 
    });

我對Java/Jquery很新，所以如果需要更多的信息來了解問題，請告訴我。

來源

2016-11-15 Craig B.

我建議你用div + class來封裝表單，以便更容易在jQuery上進行管理，而表單高度/寬度編輯通常會轉化爲錯誤。

我的意思是這樣的：

<div class="form-wrapper"> 
    <div class="close-form"> X </div> 
    <form> 
    </form> 
</div>

和腳本看起來像這樣：

$(".close-form").click(function(e){ 
    $(this).parent('.form-wrapper').toggleClass('focus').toggleClass('active'); 
});

如果你需要更多的幫助，我可以回答你的問題。

來源

2016-11-15 13:29:30 Troyer

好的。我會試一試，讓你知道它是怎麼回事。 –

我收到一個語法錯誤，沒有任何功能（按鈕和窗體），我添加了這樣的JQ：$（「＃popup_contact> a.button」）。click（function（e）{ e.preventDefault（）; $ （this）.parent（'＃popup_contact .popup_contact_wrapper'）。toggleClass（'focus'）。toggleClass（'active'）; }）; –

我會用你的功能爲你提供jsfiddle，一會兒。 – Troyer

jquery父（）按鈕切換和窗體展開

回答

相關問題