Сразу прошу прошения за возможно не корректный заголовок. Но, правильного термина того что мне нужно я не нашел.
Есть у меня сайт на wodrpress (WordPress 3.2.1.) с использованием темы Twenty Eleven.
На нем есть страницы (не записи) которые уже сейчас довольно "длинные", а в будущем страницы будут еще длиннее…
К примеру: http://www.mortalkombat.com.ua/personazhi/subzero/
Это страница о персонаже игры, все что "новое" и интересное – я добавляю на эту страницу. Для простоты восприятия посетителем, я хочу её разделить "на вкладки". Вот пример того что я хочу:
http://www.mortalkombat.com.ua/primer.html
Может есть некий плагин который поможет через теги <div>, или другим способом, непосредственно в редакторе WordPress разделять страницу на "вкладки". Если такого плагина нету, может есть способ подключить javascript к редактору?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mortal Kombat</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.min.js'></script>
<style type="text/css">
#list div {display: inline-block; cursor: pointer;}
#list div.active {background-color: #f00;}
#content div {display: none;}
#content div.active {display: block;}
</style>
<script type='text/javascript'>
$(document).ready(function() {
$('#list div').click(function(){
$('#list div').removeClass('active');
$(this).addClass('active');
$('#content div').removeClass('active');
$('#content div').eq($('#list div').index($(this))).addClass('active');
});
});
</script>
</head>
<body>
<div id="list">
<div class="active">История</div>
<div>Удары</div>
<div>Видео</div>
<div>Карат персонажа</div>
</div>
<div id="content">
<div class="active">text 1</div>
<div>text 2.</div>
<div>text 3.</div>
<div>text 4.</div>
</div>
</body>
</html>