Как изменить dispaly элемента при клике на ссылку?

Question

[Web_junior]

Нужно изменить display блока с none на block, а другой блок наоборот с block на none при клике на ссылку. Как это реализуется?

Answer 1

[Dies Irae]

Можно с помощью jQuery:

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

Comments

[Andrew]

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

юзайте или если надо проверить и изменить на обратное, можно

$(block1).toggle();
$(block2).toggle();

[Web_junior]

Не работает..

<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");
});

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

[Dies Irae]

Web_junior, $("#switcher").click(function() - #switcher надо поменять на селектор элемента по клику на который вызывается функция.
И лучше использовать вариант предложенный Andrew.
Хотя еще лучше добавить класс active и по клику передавать его следующему элементу (картинке), а внутри класса уже переопределять display.