2014-02-08 2 views
1

я в настоящее время пересекают мои дивы, чтобы создать иллюзию отдельных страниц с помощью JQuery, как это:Обход дивы выборочно с JQuery

function nextForm() { 
    $(".Page:visible").hide().next(".Page").show(); 
} 

function prevForm() { 
    $(".Page:visible").hide().prev(".Page").show(); 
} 

Это моя главная страница, на которой загружается все содержание:

<div class="Page" id="DealerInfo" style="display: block;"> 
    <script>$("#DealerInfo").load("formPages/DealerInfo.php");</script> 
</div> 

<div class="Page" id="AdditionalLocations" style="display: none;"> 
    <script>$("#AdditionalLocations").load("formPages/AdditionalLocations.php"); </script> 
</div> 

<div class="Page" id="OwnerInfo" style="display: none;"> 
    <script>$("#OwnerInfo").load("formPages/OwnerInfo.php");</script> 
</div> 

Это всего лишь небольшой фрагмент главной страницы. Теперь то, что я ищу, - это; Если определенное поле в форме равно «1», я хочу пропустить div AdditionalLocations, но если он больше «1», я хочу, чтобы он показывал div «AdditionalLocations». Я пробовал использовать nextUntil('#OwnerInfo'), но он все равно отобразит div AdditionalLocations. Может ли кто-нибудь дать мне решение?

Вот А.Я. sfiddle

ответ

1

добавить .not («# AdditionalLocationss») селектор, и вы должны, если еще

+0

Что бы эта строка выглядит как он, кажется, не работает '\t $ (» .Page: visible "). Hide() .next (" .Page ") .not (" # AdditionalLocations "). Show(); 'он не отображает' OwnerInfo' div – Yamaha32088

+0

http://jsfiddle.net/EpTwX/ – Yamaha32088

Смежные вопросы