Heim >Web-Frontend >js-Tutorial >jQuery-Methode zum Ausblenden von div

jQuery-Methode zum Ausblenden von div

零下一度
零下一度Original
2017-06-17 17:43:111551Durchsuche

Klicken Sie zuerst, um ein p anzuzeigen, und lassen Sie es dann verschwinden, wenn Sie erneut darauf klicken, oder klicken Sie auf eine andere Stelle im Dokument, um diese Ebene auszublenden, was Probleme mit der Blasenbildung mit sich bringt und verhindert, dass das Dokument in das DOM übergeht. Der Code lautet wie folgt:

var $el = $(".search-more, .article-query-list li");
$el.click(function(e){
e.stopPropagation();
$(this).toggleClass('active');
});
$(document).on('click',function(e){
if(($(e.target) != $el) && ($el.hasClass('active'))){
$el.removeClass('active');
// console.log("yes");
}
});

Das obige ist der detaillierte Inhalt vonjQuery-Methode zum Ausblenden von div. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn