$(document).ready(function(){
var num = 0;
document.getElementById('more').onclick = function() {
	if (num == 0) {
    $('#menu').html('<div class="mName"><center><b>Жанры</b></center></div><a href="#">мистика</a> <a href="#">музыка</a><a href="#">мультфильм</a><a href="#">научный</a><a href="#">приключения</a><a href="#">семейный</a><a href="#">спорт</a><a href="#">триллер</a><a href="#">ужасы</a><a href="#">фантастика</a><a href="#">фэнтези</a><a href="#" id="more">Назад...</a>');
	num = 1;
	}
	else {
	$('#menu').html('<div class="mName"><center><b>Жанры</b></center></div><a href="#">аниме</a><a href="#">боевики</a><a href="#">военные</a><a href="#">детективы</a><a href="#">детские</a><a href="#">документальные</a><a href="#">драмы</a><a href="#">исторические</a><a href="#">комедии</a><a href="#">криминальные</a><a href="#">мелодрама</a><a href="#" id="more">Далее...</a>');
	num = 0;
	}
}
});

<div id='menu'>
<div class='mName'><center><b>Жанры</b></center></div>
<a href="#">аниме</a>
<a href="#">боевики</a>
<a href="#">военные</a>
<a href="#">детективы</a>
<a href="#">детские</a>
<a href="#">документальные</a>
<a href="#">драмы</a>
<a href="#">исторические</a>
<a href="#">комедии</a>
<a href="#">криминальные</a>
<a href="#">мелодрама</a>
<a href="#" id='more'>Далее...</a>
      </div>

когда тыкая 1 раз, все изменяется, тыкая второй раз ничего не происходит