Show-Hide only works once

Show-Hide only works once

I'm new to jQuery so still learning how everything works.

I've got a website with 2 buttons.
Click Button1 - Div1 with links gets shown. (and if Div2 is open it dissapears)
Click Button2 - Div1 dissapears and Div2 with links gets shown elsewhere on the page.

I've managed that with the code below.
BUT somehow it only works once. I click on Button1 - Div1 shows. I click on Button2 Div1 dissapears but when I click on Button1 again... no Div1... Anyone know how I can correct this?
I want it to work for Button1 before I write the code for Button2.

<script type='text/javascript' src="js/jquery-1.12.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#hvmenu').hide();
$('#kalynd').click(function(){
    $('#hvmenu').show();
    });
$('#portf').click(function(){
    $('#hvmenu').hide();
    });
});
</script>