www.state-it.info

Gran base de respuestas a las preguntas de los desarrolladores
Header decor

Como cambiar el dispaly elemento al hacer clic en el enlace?

Web_junior 2018-11-09 10:12:39

es Necesario cambiar el display de la unidad de none a block, y el otro bloque a la inversa con block en none al hacer clic en el enlace. Como esto se?

Total answers: 1

YumeReaver 2018-11-09 10:22:02

se Puede con la ayuda de jQuery:

$(".switcher").click(function(){
    $("#block1").css("display", "none");
    $("#block2").css("display", "block");
});

KickeRocK 2018-11-09 10:25:29

$(block1).show();
$(block2).hide();

юзайте o si es necesario comprobar y cambiar a la inversa, se puede
$(block1).toggle();
$(block2).toggle();


Web_junior 2018-11-09 10:33:59

No funciona..

<div class="modal-body">
                	<div class="column__one"> <img src="images/monterrosa.png" class="mont" alt="monterossa">
                   <img src="images/monterossa__black.jpg" class="mont__black" alt="monterossa">
                    <img src="images/monterossa__blue.jpg" class="mont__blue" alt="monterossa">
                    <img src="images/monterossa__gray.jpg" class="mont__gray" alt="monterossa">
                    <img src="images/monterossa__green.jpg" class="mont__green" alt="monterossa"></div>
                  <div>
                		<div class="name__placeholder">
                			Описание:
                		</div>
                	</div>
                </div>


<div class="modal__images">
               	<img class="mini__image" src="images/monterrosa.png" alt="">
                	 <a href="#" id="switcher"><img class="mini__image_one" src="images/monterossa__black.jpg" alt=""></a>
                	<img class="mini__image_two" src="images/monterossa__blue.jpg" alt="">
                	<img class="mini__image_three" src="images/monterossa__gray.jpg" alt="">
                	<img class="mini__image_four" src="images/monterossa__green.jpg" alt="">

                </div>

$("#switcher").click(function(){
    $(".mont").css("display", "none");
    $(".mont__black").css("display", "block");
});

Tengo una sola imagen. Al hacer clic, debe desaparecer y aparecer otra. Lo que usted sugiere, no funciona..


YumeReaver 2018-11-09 10:55:53

Web_junior, $("#switcher").click(function() - #switcher es necesario cambiar el selector de elemento al hacer clic en la que se llama a la función.
Y es mejor utilizar la opción de la propuesta de KickeRocK.
Aunque todavía es mejor añadir la clase active y de clic transmitir su siguiente elemento (imagen), y dentro de la clase reemplazar el display.


Preguntas relacionadas:

Footer decor

© www.state-it.info | Base of answers to questions for developers and programmers.