2012-02-27 2 views
1

Я контролируемое Интернет и переполнения стека, чтобы попытаться понять, почему, как это скрыть Div:JQuery отображения DIV, когда отображается гиперссылка

<div id="blackandwhite"> 

Но - это не так просто, как это выглядит , я также должен показать его, когда один из этих гиперссылок щелкнул, как они двигаться в панели JQuery:

<div class="stevenav"> 
<ul class="navigation"> 
<li><a href="#firstpagename"><?php echo the_field('first_page_name'); ?></a></li> 
<li><a href="#secondpagename"><?php echo the_field('second_page_name'); ?></a></li> 
<li><a href="#thirdpagename"><?php echo the_field('third_page_name'); ?></a></li> 
</ul> 
</div> 

Я серьезно не могу получить его на работу, Кроме того, я был бы признателен, если вы смотрели на сайт как там являются и могут быть некоторыми конфликтующими JS, поскольку в настоящее время там много чего. (Готово быть немного аккуратнее, когда он будет закончен.

+0

Чтобы скрыть div, используя jquery, вы должны написать $ ("# blackandwhite"). Hide(); Но я понятия не имею, что ваш вопрос во второй части вашего вопроса – Undefined

+0

Привет Сэм Уоррен! Извините, что я хочу сказать, я думаю, что на этом сайте есть противоречивый javascript, но я не могу понять, что делает JQuery, что люди поставляют, чтобы не работать? ссылка: steveatattooartist.com –

+0

using firebug Я получаю сообщение об ошибке, что он не может найти jQuery. В сообщении об ошибке указано Не удалось загрузить ресурс: сервер ответил статусом 404 (не найден) для вашего файла JQuery. Я бы дважды проверить, что ссылка на ваш jquery верна – Undefined

ответ

1

Вы могли бы просто написать это,

$('#blackandwhite').hide(); 
$('li>a').click(function() { 
    $('#blackandwhite').show(); 
}); 

Кроме того, если вы хотите, чтобы переключить показать/скрыть, вы можете использовать эффект переключения. путем замены шоу() с переключателем()

$('#blackandwhite').toggle(); 
1

Я не уверен, что трудно об этом, может быть, я пропускаю пункт

jQuery(function() { 
    var blackWhite = jQuery("#blackandwhite").hide(); 
    jQuery("#firstpagename, #secondpagename, #thirdpagename").on("click", function() { 
     blackWhite.show(); 
    }); 
}); 
1
var elm = $("#blackandwhite"); 
elm.hide(); 
$(".navigation li a").on('click', function() { 
    elm.show(); 
}); 
Смежные вопросы