div의 내용을 여러 번 조정하여 변수에 저장하십시오.

Question

div의 내용을 여러 번 조정하고 변수에 저장할 수 있습니까? 아래 코드에서는 4 가지 변수에 차이가 없습니다. 항상 최신 내용을 표시합니다.

누군가 나를 도울 수 있습니까? 미리 감사드립니다.

$("div#ingredients h1 span").html("kokos"); 
$("div#ingredients img").attr("src", "content/coconut.jpg"); 
$("div#ingredients p").html("Kokos die wij verwerken in onze Cocosballs komt uit Indonesië. De kwaliteit van die kokos draagt bij aan de heerlijke smaak van de Cocosballs."); 
var coconutContent = $("div#ingredients"); 


$("div#ingredients h1 span").html("honing"); 
$("div#ingredients img").attr("src", "content/coconut.jpg"); 
$("div#ingredients p").html("Verse biologische honing is een onmisbaar ingrediënt in onze cocosballs, het maakt de traktatie wat frisser"); 
var honeyContent = $("div#ingredients"); 


$("div#ingredients h1 span").html("eiwit"); 
$("div#ingredients img").attr("src", "content/coconut.jpg"); 
$("div#ingredients p").html("Eiwit zorgt voor de fijne structuur van onze cocosballs en maakt ze extra luchtig"); 
var eggContent = $("div#ingredients"); 


$("div#ingredients h1 span").html("suiker"), 
$("div#ingredients img").attr("src", "content/coconut.jpg"), 
$("div#ingredients p").html("Het beetje suiker wat door onze Cocosballs zit, maakt onze Cocosballs af. Het wordt er wat zoeter door"); 
var sugarContent = $("div#ingredients"); 


$("div#ingredients").hide(); 
$(coconutContent).show(); 


$("#sliderButtonLeft").click(function(){ 

    $(sugarContent).fadeIn(); 

}) 

Answer 1

여러 div를 만듭니다. 보여주고 싶은 것을 제외한 모든 것을 숨 깁니다. div에 원하는 다양한 컨텐츠가 아니라 동일한 div를 가리키는 4 개의 변수를 작성 중입니다.