replaceWith(); JQuery와 기능

Question

나는 간단한 JQuery와 교체 친구의 포트폴리오 웹 사이트에 니펫을해야한다 무엇을 포함하기 위해 노력하고있어 :

<div class="content one"> 
<h3>Content Title</h3> 
<p>Body text.</p> 
</div> 

으로 :

<div class="content two"> 
<h3>Content Title</h3> 
<p>Body text.</p> 
</div> 

별도의 DIV 클래스에 유혹 :

<div class="item two"><!--content two icon--> 
<img src="" alt="" /> 
</div> 

아이콘이있는 <div class="item">의 별도 클래스가 있습니다. 아이콘의 클래스 위로 마우스를 가져 가서 <div class="content"> 클래스를 <div class="item"> 아이콘에 해당하는 다른 클래스로 바꿀 수 있기를 원합니다. JQ 들어

, 내가 사용하고 다음 나는 내가 replaceWith(); 기능의 내부 .show(); 이벤트에 던질 필요가 있다고 생각 display: none;로

<script type="text/javascript"> 
$('.item two').hover(function(){ 
$('.content one').replaceWith($('.content two')); 
}); 
</script> 

내가 (.content 제외한) 각 콘텐츠 클래스가 , 비록 내가 클래스에서 display: none;을 제거하더라도, 아무것도 내가 대체하려고하는 클래스로 자체를 대체하지 않습니다.

저는 여전히 JQuery와 JavaScript에 대한 전반적인 내용이 매우 새롭습니다. 그래서 나는 어리석은 간단한 일일 것입니다. 문제를 파악하는 데 도움이되는 정보가 충분하지 않으면 용서해주십시오. 도와 주셔서 감사합니다!

Answer 1

이 시도 :

$('.item.two').hover(function(){ 
    $('.content.one').replaceWith($('.content.two')); 
}); 

Answer 2

당신은 그래서 당신의 선택자는해야, 두 경우 모두 동일 요소의 두 종류가 있습니다

.item.one 
.item.two 
.content.two 
.content.two