Как скрыть div после нажатия кнопки?

Question

Я хотел бы скрыть div (который является «спрятать-div»), как только пользователь кликнет на кнопку при навигации на ту же страницу. Пожалуйста помоги мне с этим. Благодаря

<div id="hide-div"> 
    <button type="button" title="test" class="button btn-small" onclick="setLocation('abc.com');"><span>'Add to Cart'</span></button> 
</div> 

Answer 1

Использование JQuery вы можете сделать это в вашем OnClick:

$('#hide-div').hide() 

http://api.jquery.com/hide/

Answer 2

Использование JQuery, чтобы скрыть его:

$('#hide-div button').click(function(){ 
    $(this).parent().hide(); 
}); 

Answer 3

Использование Vanilla JavaScript. Хотя я рекомендую использовать обработчик событий вместо встроенного JS, это зависит от вашего кода.

1. Скрыть элемент с помощью style.display
2. Вы можете перенаправить страницу прячась кнопку с помощью window.location

function setLocation(loc) { 
 
    document.getElementById('hide-div').style.display = 'none'; 
 
    window.location = loc; 
 
}

<div id="hide-div"> 
 
    <button type="button" title="test" class="button btn-small" onclick="setLocation('http://google.com')"><span>'Add to Cart'</span></button> 
 
</div>

Answer 4

Я предполагаю, что у вас есть JQuery добавил на свою страницу уже , Так, что-то вроде этого, может быть:

$('#hide-div .button').on('click', function() { 
 
     $('#hide-div').hide(); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="hide-div"> 
 
    <button type="button" title="test" class="button btn-small" onclick="setLocation('abc.com');"><span>'Add to Cart'</span></button> 
 
</div>

Answer 5

Вы можете сделать это с помощью простого JQuery

<script> 
 
jQuery(document).ready(function($) { 
 
$(".button").click(function(){ 
 
    $("div").fadeOut(); 
 
    }); 
 
}); 
 
</script>