написать html в javascript-коде

Question

У меня есть меню переключения слайдов, но в javascript можно поместить слово «МЕНЮ», но хотелось бы добавить значок рядом с ним.

Как мне добавить <i class="fa fa-bars"></i> рядом со словом MENU?

$(document).ready(function(){ 

    $(".slidingDiv").hide(); 
    $(".show_hide").show(); 

    $('.show_hide').toggle(function(){ 
     $("#plus").text("MENU"); 
     $(".slidingDiv").slideDown(); 

    },function(){ 
     $("#plus").text("MENU"); 
     $(".slidingDiv").slideUp(); 
    }); 

}); 

Answer 1

$(document).ready(function(){ 

    $(".slidingDiv").hide(); 
    $(".show_hide").show(); 

    $('.show_hide').toggle(function(){ 
     $("#plus").html('<i class="fa fa-bars"></i> MENU'); 
     $(".slidingDiv").slideDown(); 

    },function(){ 
     $("#plus").html('<i class="fa fa-bars"></i> MENU'); 
     $(".slidingDiv").slideUp(); 
    }); 

}); 

Хотя вам нужно только установить HTML пункта меню только один раз. Не нужно устанавливать его во время показа и скрывать.

$(document).ready(function(){ 

    $(".slidingDiv").hide(); 
    $(".show_hide").show(); 
    $("#plus").html('<i class="fa fa-bars"></i> MENU'); 

    $('.show_hide').toggle(function(){ 
     $(".slidingDiv").slideDown(); 

    },function(){ 
     $(".slidingDiv").slideUp(); 
    }); 

});