В основном я пытался написать код jquery для переключения объекта (div, class) внутри одного вложенного div и замены его соответственно тремя различными способами в зависимости от нажатой кнопки навигации, по умолчанию это целевая страница / анимация.
Я хотел бы заменить содержимое целевой страницы, чтобы оно динамически изменялось, поэтому я не буду писать три отдельные страницы кода, а просто изменю элементы внутри одного div, когда посетители нажимают на две отдельные кнопки.Единственная проблема, которая у меня возникает, это, вероятно, мой синтаксис ... Я получаю код, работающий, чтобы скрыть элемент ..., как указано ниже, когда я пытаюсь удалитьClass / addClass или toggleClass, я бьюсь с ним часами, но безрезультатно.
Это моя текущая версия - еще один вопрос, который я сейчас задаю, - почему .hide (this);в моей второй функции исчезает содержимое, в то время как одно только .hide () не исчезает, мне нравится эффект исчезновения, но я уверен, что могу придумать правильный способ сделать это, потому что это может быть причудой ?? Не уверен
**$(document).ready(function() {
$("**#oneway**").click(function() {
$("**.lee**:first").hide();
});
$("**#secondway**").click(function() {
$("**.lee**:first").hide(this);
});**
Я напишу соответствующий HTML и CSS и благодарю вас за потраченное время на чтение
HTML
<div class="**enlosing**">
<nav>
<ul class="Nav">
<li id="stuff"><a href="blah.html" target="_self" >STUFF</a></li>
<li id="quality"><a href="**#oneway**" target="_self">QUALITY</a></li>
<li id="stuff2"><a href="blahblah.html" target="_self">STUFFALSO</a></li>
<li id="contact"><a href="**#secondway**" target="_self">CONTACT</a></li>
</ul>
</nav>
</div>
<div class="**lee**">
<div class="**ex**">
<div class="place">
<a class="gotoplace" href="http://www.link.com" target="_self"></a>
</div>
</div>
<div/>
CSS
.ex{
display: table-cell;
text-align: center;
position: absolute;
top: 0; left: 0;
background-image: url(../img/seal.png);
background-position: left;
background-repeat:no-repeat;
margin-left:center;
height:100%;
width:100%;
}
Я пытался заставить .ex динамически меняться несколькими способами, оставляя остальную часть страницы неизменной.
Поскольку этот вопрос задавался по-разному на этом сайте, я прошел через многие, но могу 'не могу отличить мою проблему на данный момент.Если есть ответ или вопрос, который конкретно относится к моему коду, извините за мою халатность.