хочу показать и скрыть div с помощью jquery

Question

хочу показать и скрыть div с помощью jquery

0

Я совершенно новый для jquery и не понимаю его на 100%. Я хочу, чтобы div содержал текст или изображение, и когда вы нажимаете на него, он будет показывать другой div.

HTML:

 <div class="mytrigger">click here</div>
 <div class="mycontent">show this when clicking on the above</div>

Jquery:

<script>
 $( ".mytrigger" ).click(function() {
   $( ".mycontent" ).toggle( "slow", function() {
   });
 });
</script>

поэтому, когда вы нажимаете "mytrigger", он должен показывать "mycontent".

dadadey 14 апр. 2014, в 14:50

Источник

4

Рабочая Fiddle jsfiddle.net/aF76V/5 , какую ошибку вы получаете
Sridhar R 14 апр. 2014, в 12:01
0

Вы знаете, что jQuery - это библиотека, которую нужно включить, а не язык?
David Thomas 14 апр. 2014, в 12:02
0

я предполагаю, что вы хотите, чтобы "mycontent" начинался как скрытый?
andrew 14 апр. 2014, в 12:03
0

Я не получаю ошибку, просто она не работает. И да, я хочу, чтобы это началось как скрытое. Как мне это сделать?
dadadey 14 апр. 2014, в 12:11
0

Спасибо всем за помощь всем! Работай! XOXO
dadadey 14 апр. 2014, в 12:24

Показать ещё 3 комментария

Теги:

javascript

jquery

html

2 ответа

0

Он работает отлично в настоящее время

Возможно, вам придется разместить свой JQuery внутри

$(document).ready(function()
{
  //Your code here
}

Также просто mycontent второй div, сначала добавив display:none style в класс mycontent.

ssilas777 14 апр. 2014, в 09:58

Ещё вопросы

Рабочая Fiddle jsfiddle.net/aF76V/5 , какую ошибку вы получаете
Вы знаете, что jQuery - это библиотека, которую нужно включить, а не язык?
я предполагаю, что вы хотите, чтобы "mycontent" начинался как скрытый?
Я не получаю ошибку, просто она не работает. И да, я хочу, чтобы это началось как скрытое. Как мне это сделать?
Спасибо всем за помощь всем! Работай! XOXO

Julian · Accepted Answer · 2014-04-14T09-44-00.000Z

Просто оставьте функцию внутри вашего переключателя:

$(function() {
    $( ".mytrigger" ).click(function() {
        $(".mycontent").toggle("slow");
    });
});

См.: http://jsfiddle.net/a8Np4/3/

Изменить: завершено в DOM-Ready-Call