은 첨부 파일의 div를 표시합니다.

Question

아래 HTML은 기본적으로 표시 없음을 가진 div가 있습니다.

<div class="attach-div" style ="display:none;"> 
    <button><i class="fa fa-smile-o" aria-hidden="true"></i></button> 
    <button><i class="fa fa-smile-o" aria-hidden="true"></i></button> 
    <button><i class="fa fa-smile-o" aria-hidden="true"></i></button> 
</div> 

지금 내가 클래스를 보여하고자하는 클립 아이콘의 클릭에

<div class="form-comment"> 
<form action=""> 
    <div class="con"> 
    <button><i class="fa fa-smile-o" aria-hidden="true"></i></button> 
    <input type="text" placeholder="Your Response"> 
    <button class=""><i class="fa fa-paperclip attach-detail" aria-hidden="true"></i></button> 
    </div> 
    <input type="button" class="submit" value="ADD"> 
    </form> 
</div> 

아래 같은 형태를 갖는다.

여기 jquery를 사용하려고합니다.

이하는 fiddle입니다.

Answer 1

자바 스크립트 끝 부분에 닫기 괄호가 누락되었습니다. 또한 피들에서 attach-div 클래스를 사용해야합니다.

$(".attach-detail").click(function(e) { 
    e.preventDefault(); 
    $(".attach-div").css('display', 'block'); 
    return false; 
}); 

updated fiddle