Различные сомнения с div [закрывшая]

У меня есть страница, в которой заголовок и нога страницы всегда статическая, только измени тело, нажав на кнопки.

Случай состоит в том, что у меня есть главная страница, мне остается делать различные divs контента, который я хочу изменить.

У меня есть два вопроса:

  1. Как я делаю для того, чтобы, когда я нажму на кнопку, появился div или другой?

  2. Я верю во все div в том же самом index.html или верю в каждый файл html и помещаю контент того, что я хочу, чтобы он вышел вместо всех div в том же самом index.html?

3
задан 22.06.2016, 10:13
2 ответа

Ты можешь aГ±adir все div в том же файле .html и потом с jquery ты можешь способствовать тому, чтобы они появились и исчезли, когда ты будешь хотеть. Я показываю тебе пример:

$("#hide").click(function(){
    $("p").hide();//Esta función oculta la etiqueta p
});

$("#show").click(function(){
    $("p").show();//Esta función muestra la etiqueta p
});

Надеялся, что он подает

3
ответ дан 24.11.2019, 14:07
  • 1
    Потому что они дали мне-1 этому ответу?? –   21.06.2016, 07:59
  • 2
    Gracuas во все, в конце концов подал мне ответ Альберто Мьер. Я попробовал давать тебе +1, но он не оставляет меня из-за опыта. Какой-то завистливый ты habr и # 225; загруженный –  Cucumberita 21.06.2016, 16:30
  • 3
    Хороший ответ @AlbertoMier +1 Alg и # 250; n d и # 237; в puede, что это использовал –  Marc Lemien 22.06.2016, 10:35
  • 4
    Хотя ты не сможешь давать ему +1, если он подал тебе ответ @AlbertoMier, ты можешь одобрять его Ваш ответ. –  Marc Lemien 22.06.2016, 12:28

Ты должен создавать div в том же html, с различным именем идентификации, потом из-за jquery, ты сможешь показывать через кнопку div в mostar или чтобы скрывать. HTML

<div class="btnmenu" id="menua">            
                <div style="cursor:pointer;border:none;"><h2><img class="img" id="imga" src="imagenes/mas.png"/><h2>&nbsp;TITULO</h2></div>
            </div>
            <div id="obsa" class="obs"  style=" display:none;">
            xxxxxxxxxx
            </div>
            <div class="btnmenu" id="menub">            
                <div  style="cursor:pointer;border:none;"><h2><img class="img" id="imgb" src="imagenes/mas.png"/><h2>&nbsp;TITULO</h2></div>
            </div>
            <div id="obsb" class="obs"  style="display:none;"> xxxxxxxxxxxxxxxx

JS был бы

$("div.btnmenu").click(function(){
        id=this.id.substr(4, 1);

        valor=$("img#img"+id).attr("src");
        $("div.obs").slideUp("normal");
        $("img.img").attr("src","imagenes/mas.png" );
        $("div#obs"+id+":hidden").slideDown("normal");
        if (valor=="imagenes/mas.png")
        {
            $("img#img"+id).attr("src","imagenes/menos.png" );

        }
        else
        {
            $("img#img"+id).attr("src","imagenes/mas.png" );
        }
    });
0
ответ дан 24.11.2019, 14:07
  • 1
    Ты можешь помещать пример c и # 243; я говорю как делать это? –  devconcept 17.06.2016, 15:15
  • 2
    Но не прикрепляй это в комментариях: в. Издай ответ и используй редактор c и # 243; я говорю объединенный, что у него есть –  blonfu 17.06.2016, 21:20

Теги

Похожие вопросы