jQuery: HIde prev und next div nach einem Klick-Ereignis

Question

Mein Ziel ist es, das vorherige oder nächste div nach dem Klicken auf ein li-Element zu verbergen.

Dies ist das Skript:

jQuery('.menu-ul li').on('click',function(){ 

    var current_id = jQuery(this).data('id'); 
    var menu_id = '#' + current_id; 

    jQuery(menu_id).next("div").attr("id").hide() 
    jQuery(menu_id).prev("div").attr("id").hide(); 


}); 

Das Skript oben funktioniert gut, aber wenn ich die Funktion verbergen put() ich diesen Fehler:

Uncaught TypeError: jQuery(...).next(...).attr(...).hide is not a function 

Wie kann ich es lösen ? folgender Code

Answer 1

Versuch,

jQuery('.menu-ul li').on('click',function(){ 

    var current_id = jQuery(this).data('id'); 
    var menu_id = '#' + current_id; 

    jQuery(menu_id).next("div").hide() 
    jQuery(menu_id).prev("div").hide(); 


}); 

Answer 2

Um ge das vorherige Element $(selector).prev() verwenden, und die nächste Verwendung $(selector).next() zu bekommen. Verwenden Sie dann , um eines oder beide zu verbergen.

So:

jQuery('.menu-ul li').on('click',function(){ 

    var current_id = jQuery(this).data('id'); 

    // We get the element and store it, so we don't get it twice later. 
    var element = jQuery('#' + current_id); 

    element.prev().hide(); 
    element.next().hide(); 
});