click update css transform：scale（）プロパティ

Question

トップレベルノードのスケールが1.5である（他のすべての子/兄弟ノードは1のスケールに設定されています）、作成した組織図があります。私はそれをクリックすると、orgの図が表示される前に、トップレベルのノードの縮尺を1に戻したいのですが（これは今すぐ展開されたノードと同じサイズです）、私の人生はそれを元に戻すことはできません。

！重要な宣言とあらゆる種類のjQueryハッカーを使って、さまざまなレベルの特異性を適用しようとしましたが、役に立たないです。

'use strict'; 

(function($){ 

    $(function() { 

    var datascource = {...}; 

    var orgChartInstantiation = function() { 

     var options = {...}; 

     // ******************** 
     // Expand all nodes 
     // in company org chart 
     // ******************** 

     $("button#expandNodesButton.btn.btn-default").on("click", function() { 

      // 
      // Code below is what I'm having an issue with 
      // 
      $("div.node.first-level.topLevelNode").css("transform", "scale(1)"); 

      var options = {...}; 

      $("#my-org-chart").empty(); //clear previous contents 
      $("button#expandNodesButton.btn.btn-default").toggle(); //toggle display for corresponding collapse button 
      $("button#collapseNodesButton.btn.btn-default").css("display", "block"); 

      $("#my-org-chart").orgchart(options); 

     }); 

    }; 

    orgChartInstantiation(); 

    }); 

})(jQuery); 

どれと、jQueryの（に包まれた$（ドキュメント）.ready（関数（）{}）

CSS

/*Top Level Node*/ 
.orgchart .node:first-child { 
    transform: scale(1.5); 
} 

/*All Other Nodes*/ 
tr.nodes td table tr td div.node { 
transform: scale(1) !important; 
} 

：以下、問題のコードであります

Answer 1

OKだから私は実用的な解決策を見つけ出すことができました（しかし、あまりにもエレガントではないかもしれませんがそれにもかかわらず）。

むしろより行う方法により背面1に縮尺を変更しようとしている：

$(".orgchart .node:first-child").css("tranform", "scale(1)"); 

私が行うことができました：

$(".orgchart .node:first-child").css("transform", "none"); 

私は「wasnなぜ私は理解していませんスケールを1にリセットするだけで、代わりに「変換」、「なし」を使用しなければならなかったが、ノートの何かを見つけたら、宿題をいくつかやり直すだろう！