Я работаю над сайтом Front-end и back-end, и мне интересно, как вызвать js / jquery для смены страниц внутри одностраничного сайта
Вкладки / страницы, которые у меня есть Главная / О нас / Специальные предложения/ Контакт
Я пытался использовать javascript style.display, но выполняю только четыре страницы Главная / О нас / Специальные предложения / Контакт, и только если я начну со страницы «О», она будет работать, а «Домашняя страница» просто обновит страницу иУ меня есть код для определения новых разделов по идентификатору, но я не могу продолжать изменять их, например, как я хотел бы сделать
Я пытался работать с PHP, чтобы сохранить $ currentpage и сохранить $ nextpage таким образом, чтобыизменять страницы / разделы на основе значений PHP Я не получаю сообщение об ошибке от PHP Я думаю, что у меня что-то не так с моим кодом PHP или кодом js
JS Code
<script type="text/javascript">
function show(show, hide) {
document.getElementById(hide).style.display = "none";
document.getElementById(show).style.display = "block";
}
</script>
Section Code
Home <section id="home" class="large-9 columns" style="display:none"></section>
About <section id="about" class="large-9 columns" style="display:none"></section>
Special Offers <section id="specials" class="large-9 columns" style="display:none"></section>
Contact <section id="contact" class="large-9 columns" style="display:none"></section>
onclick js Event Code
<a href="<?PHP echo $unsecure;?>://<?PHP echo $domain?>" title="Home">Home</a>
<a href="#About" title="About" onclick="return show('about', '<?PHP echo $currentpage;?>') <?PHP if($nextpage = 'about'){ $currentpage = $nextpage;}?>">About</a>
<a href="#Special_Offers" title="Special Offers" onclick="return show('specials', '<?PHP echo $currentpage;?>') <?PHP if($nextpage = 'specials'){ $currentpage = $nextpage;}?>">Special Offers</a>
<a href="#contact" title="contact" onclick="return show('contact', '<?PHP echo $currentpage;?>') <?PHP if($nextpage = 'contact'){ $currentpage = $nextpage;}?>">Contact</a>
Ожидается: я хотел бы иметь возможность использоватьJS или JQuery, чтобы изменить стиль отображения с блока на нет при нажатии, как это будет правильно, как изменение страниц, но на одностраничном сайте и иметь возможность добавлять больше страниц для работыс ним также.
Фактические результаты: Когда я обновляю страницу на своем сайте, я могу нажать «О» и «Контакт» и будет отображаться правильно, но когда я нажимаю снова, он показывает его ниже «Контакт» и не скрывает «Контакт»
Когда я обновляю страницу, я нажимаю «Специальные предложения», она просто помещает под основной, которая является домом, и не скрывает основной раздел