하나의 클래스를 활성화하고 다른 비활성으로 만드는 방법

popup part을 활성화하고 fade part을 비활성으로 만들고 싶습니다 (아래 그림 참조). 시도했지만 시도 할 수 없습니다. 어떤 도움을 주시면 감사하겠습니다.하나의 클래스를 활성화하고 다른 비활성으로 만드는 방법

<code>Sample Picture</code>

CSS :

.modal-backdrop,.modal-backdrop.fade.in.his 
{ 
    opacity:0.8; 
    filter:alpha(opacity=80); 
} //fader part 

// Popup Part 

.popup{width: 300px; right: 0px; top: 45px; background: #FFF; position: absolute; text-align: left; display: none; z-index: 100;-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2); box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);} 
.popup.active{display: block;} 
.popup .row-form{padding: 5px 10px; margin-bottom: 0px;} 
.popup .arrow{width: 12px; height: 12px; background: url('../img/popup_arrow.png') left top no-repeat; position: absolute; right: 10px; top: -11px;}

HTML : 당신의 CSS에서

<div class="popup" style="width:322px; height: 452px;"> 
    <div class="modal-backdrop fade in his"></div> 
    <div class="arrow"></div> 
    <div class="row-fluid" style="width:322px; height: 452px; overflow-x: hidden"> 

    <div class="row-form"> 
      <div class="span12"><strong>SETTINGS</strong></div> 
    </div> 
</div>

출처

2014-03-12 user3266957

'.active' 클래스를 추가/삭제하려면 Javasctipt (또는 Jquery)가 필요합니다. –

예를 들려 줄 수 있습니까? – user3266957