나는 팝 오버

Question

에 쇼, 숨기기 사용하고, 전환 수있는 방법 이미 숨기기/표시 또는 이와

<h4 id="h4">Hide this when needed</h4> 
<button id="showInput" >Show Input</button> 
<button id="hideTheH4">Hide Text</button> 
<div id="input" style="display:none;"> 
<input type="text" placeholder="Enter Name"> 
</div> 

같은 요소를 전환 그리고 스크립트가

$(document).ready(function(){ 
    $('#showInput').click(function(){ 
    $('#input').toggle(); 
    }) 
}); 
$(document).ready(function(){ 
    $('#hideTheH4').click(function(){ 
    $('#h4').toggle(); 
    }) 
}); 

입니다 수

나는이 일을 보았다 http://jsfiddle.net/7ekRN/와 나는 스크립트
이 코드
HTML

012입니다 사용할 수있는 팝 오버 버튼과 버튼을 만들려고 스크립트

$(document).ready(function(){ 
    $('#option').popover({title: "Select", content: $("#popOptions").html(), html: true, placement: "right"}).click(function(){ 
    $(this).popover('show'); 
    }); 
}); 
$(document).ready(function(){ 
    $('#showInput').click(function(){ 
    $('#input').toggle(); 
    }) 
}); 
$(document).ready(function(){ 
    $('#hideH4').click(function(){ 
    $('#h4').toggle(); 
    }) 
}); 

하지만이 팝 오버의 내용을 클릭 할 때 그것은?
가 서로 다른이 수행 H4 및 입력을 전환하지 않습니다 사촌 내가 어디 모르거나 무엇을 잘못

Answer 1

코드에 아무런 문제가 없습니다. 유일한 문제는 여기 주어진 코드로 jsFiddle 당신이

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

처럼 스크립트에 popover.js 라이브러리 파일을 포함해야한다는 것입니다. 방금 popover.js 라이브러리를 포함했습니다.