jquery - DIVの "hide"クラスを削除すると、div内にラベルが表示されない

Question

フォームを非表示にしているdiv（クラス= "hide"）をボタンをクリックすると表示しますクラス「hide」を削除します。 divにはラベルとボタンがあります。 「hide」クラスが動的に削除されると、ラベルは表示されません。 ボタンが表示されます。ラベルのみがありません。ここで問題を教えてください。

<div id="UpdateDiv" class="hide" class="col-lg-12"> 
    <div align="right" style="margin:10px;"> 
    <label id='UpdateSuccess'>Update Successful</label> 
    <a class="btn btn-primary btn-sm" style="margin-left:10px; width:100px;"> 
     <i class="demo-icon icon-cw-1 fa-fw" style="font-size:1.3em;"> </i> Update 
    </a> 
    <button type="button" class="btn btn-primary btn-sm" style="width:120px; border:0px ">Cancel</button> 
    </div> 
</div> 


$("#UpdateDiv").removeClass("hide"); 

ありがとうございます。

Answer 1

私はあなたの引用符を台無しに思う：

<div id="UpdateDiv" class="hide" class="col-lg-12"> 
    <div align="right" style="margin:10px;"> 
     <label id="UpdateSuccess">Update Successful</label> 
     <a class="btn btn-primary btn-sm" style="margin-left:10px; width:100px;"> 
      <i class="demo-icon icon-cw-1 fa-fw" style="font-size:1.3em;"> </i> Update 
     </a> 
     <button type="button" id="Cancel_{{hubName}}" class="btn btn-primary btn-sm" style="width:120px; border:0px"> Cancel</button> 
    </div> 
</div> 

Answer 2

あなたのhtmlのは間違っています。私はここでこれを修正しました。

$("#UpdateDiv").removeClass("hide"); 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id=UpdateDiv class="hide" class="col-lg-12"> 
    <div align="right" style="margin:10px;"> 
    <label id='UpdateSuccess'>Update Successful</label> 
    <a class="btn btn-primary btn-sm" style="margin-left:10px; width:100px;"> 
     <i class="demo-icon icon-cw-1 fa-fw" style="font-size:1.3em;"> </i> Update 
    </a> 
    <button type="button" id=Cancel_{{hubName}} class="btn btn-primary btn-sm" style="width:120px; border:0px ">Cancel</button> 
    </div> 
</div>