jquery 두 버튼 사이를 전환

Question

나는 jquery와 쉬운 메뉴를 만들려고하지만 뭔가 잘못된 일을 누군가가 내게 뭐가 잘못했는지 말해 줄 수있는 것 ... 나는 다른 스레드를 확인하지만이 문제에 대한 해결책을 찾을 수 없습니다 , 당신의 시간들

<nav id="header"> 
    <ul> 
    <li class="one"><a href="#">one</a></li> 
    <li class="two"><a href="#">two</a></li> 
    </ul> 
    </nav> 
    <div class="one-div"> 
    <div> 
    <h1>title</h1> 
    <p>text here</p> 
    </div> 
    </div> 
    <div class="two-div"> 
    <div> 
    <h1>title</h1> 
    <p>text here</p> 
    </div> 
    </div> 
    </code> 

    // in the css of the div i got the display:"none"; 

    $('.one').click(function() { 
    if ($(".one-div").is(":hidden")) { 
    $(".one-div").slideDown("slow"); 
    } else { 
    $(".one-div").hide(); 
    } 
    }); 

    $('.two').click(function() { 
    if ($(".two-div").is(":hidden")) { 
    $(".two-div").slideDown("slow"); 
    } else { 
    $(".two-div").hide(); 
    } 
    }); 

Answer 1

CSS

.one { display:block; } 
.two { display:none; } 

감사 JS

var buttons = $(".one,.two").on("click", function(){ 
    buttons.slideToggle(); 
})