2014-04-28 101 views
0

我是很新,AngularJS和想知道如何做到這一點:淡入/淡出角JS

$(".change-agency-clicker").on("click", function (e) { 
    e.preventDefault(); 

    $(".form").fadeOut(function() { 
     $(".agency-change-form").fadeIn(); 
     $("#agentForm").show(); 
    }); 

}); 

所以,當一個用戶點擊按鈕就淡出面板和第二衰面板。

回答

0

只要按照這個步驟:

  1. 當元件.change-agency-clicker被點擊(ngClick),撥動一個變量的值。
  2. 如果該變量爲true,則隱藏(ngHide)元素.form
  3. 如果此變量爲true,請顯示(ngShow)元素.agency-change-form#agentForm
  4. 使用CSS過渡動畫(here is a tutorial),並且如果需要的話不要忘記transition-delay

這個想法當然是想「聲明式」而不是「必須」!

+0

是的,我試過.....它有點看起來有點波濤雖然在過渡http://plnkr.co/edit/?p=preview – jberney22

+0

@ jberney22你的沉沒是空的。 – Blackhole