有什么方法可以减少脚本代码吗？我想做5天菜单，这将是如此多的代码 [英] Is There Any Way I Can Make Less Script Code ? I Wanna Make 5 Days Menu And It Will Be So Much Code

问题描述

//编写代码

< script>

 $（document）.ready（function（）{
 $（ '＃måndag'）。点击（function（）{
 
 $（'＃måndagm'）。slideToggle（slow）; 
}）; 
 $（'＃ tisdag'）。click（function（）{
 
 $（'＃tisdagt'）。slideToggle（slow）; 
}）; 
 $（'＃onsdag' ）.click（function（）{
 $（'＃onsdago'）。slideToggle（slow）; 
}）; 
 $（'＃torsdag'）。click（function（function（ ）{
 $（'＃torsdagt'）。slideToggle（slow）; 
}）; 
 $（'#fredag​​'）。click（function（）{
 $（'＃fredag​​f'）。slideToggle（slow）; 
}）; 
}）; 
< / script> 

// html代码

 <   div     id   =  mat >  
 <   div     id   = måndag >  
 <   p  < span class =code-keyword>> Måndag<   / p  >  
 <   / div  &g t;  
 <   div     id   = måndagm >  
 <   b     class   =  matrubrik >  Pasta Carbonara <   / b  >  
 <   P     class   =  mattext >  Fiskg ryta med tomat och creme fraiche 
 Vegetarisk pasta Dello Chef <   / p  >  
 <   / div  >  
 <   / div  >  
 <   div     id   =  mat >  
 <   div     id   =  tisdag >  
 <   p  >  Tisdag <   / p  >  
 <   / div  >  
 <   div     id   =  tisdagt < span class =code-keyword>>  
 <   b     class   =  matrubrik >  Leverbiff <   / b  >  
 <   P     class   =  mattext >  med knaperstekt bacon och kryddig lingonchutney samt ugnsbakade rotfrukter 
 Kinagryta med lime och soya serveras med nudlar 
 Vegetarisk kinagryta med limeblad och soya <   / p  >  
 <   / div  >  
 <   / div  >  
 <   div     id   =  mat >  
 < ;   div     id  < span class =code-keyword> =  onsdag >  
 <   p  >  Onsdag < span class =code-keyword><   / p  >  
 <   / div  >  
 <   div     id   =  onsdago >  
 <   b     class   =  matrubrik  >  Curry-korvgryta <   / b  >  
 <   P     class   =  mattext >  serveras med ris $ b $bNötskavsfrestelsemedpaprika och chil 
 Curry-quorn serveras med ris <   / p  >  
 <   / div  >  
 <   / div  >  
 <   div     id   =  mat >  
 <   div     id   =  torsdag >  
 <   p  >  Torsdag <   / p  >  
 <   / div  >  
 <   div     id   =  torsdagt >  
 <   b     class   =  matrubrik >  FiskAlaSkogsängen<   / b  >  
 <   P     class   =  mattext >  Mexikansk pastapytt 
 Vegetarisk pastapytt <   / p  >  
 <   / div  >  
 <   / div  >  
 <   div     id   =  mat >  
 < ;   div     id  < span class =code-keyword> =  fredag​​ >  
 <   p  >  Fredag​​ < span class =code-keyword><   / p  >  
 <   / div  >  
 <   div     id   =  fredag​​f >  
 <   b     class   =  matrubrik >  Wallenbergare <   / b  >  
 <   P     class   =   mattext >  med potatismos lingonochgrönaärtor
Alternativarätter
Gratineradblomkålsamtrönaärtor<   / p  > ;  
 <   / div  >  
 <   / div  >  

解决方案

（document）.ready（function（）{

（'＃måndag'）。click（function（）{

（ '＃måndagm'）的slideToggle（ 慢）。
}）;

//scrips code
<script>

$(document).ready(function(){
  $('#måndag').click(function(){
	  
    $('#måndagm').slideToggle("slow");
  });
  $('#tisdag').click(function(){
	   
    $('#tisdagt').slideToggle("slow");
  });
  $('#onsdag').click(function(){
    $('#onsdago').slideToggle("slow");
  });
  $('#torsdag').click(function(){
    $('#torsdagt').slideToggle("slow");
  });
  $('#fredag').click(function(){
    $('#fredagf').slideToggle("slow");
  });
});
</script>

//html code

<div id="mat">
   <div id="måndag">
     <p>Måndag</p>
   </div>
   <div id="måndagm">
     <b class="matrubrik">Pasta Carbonara</b>
     <P class="mattext"> Fiskgryta med tomat och creme fraiche
       Vegetarisk pasta Dello Chef</p>
   </div>
 </div>
 <div id="mat">
   <div id="tisdag">
     <p>Tisdag</p>
   </div>
   <div id="tisdagt">
     <b class="matrubrik">Leverbiff </b>
     <P class="mattext"> med knaperstekt bacon och kryddig lingonchutney samt ugnsbakade rotfrukter
       Kinagryta med lime och soya serveras med nudlar
       Vegetarisk kinagryta med limeblad och soya</p>
   </div>
 </div>
 <div id="mat">
   <div id="onsdag">
     <p>Onsdag</p>
   </div>
   <div id="onsdago">
     <b class="matrubrik">Curry-korvgryta </b>
     <P class="mattext"> serveras med ris
       Nötskavsfrestelse med paprika och chil
       Curry- quorn serveras med ris</p>
   </div>
 </div>
 <div id="mat">
   <div id="torsdag">
     <p>Torsdag</p>
   </div>
   <div id="torsdagt">
     <b class="matrubrik">Fisk Ala Skogsängen</b>
     <P class="mattext"> Mexikansk pastapytt
       Vegetarisk pastapytt</p>
   </div>
 </div>
 <div id="mat">
   <div id="fredag">
     <p>Fredag</p>
   </div>
   <div id="fredagf">
     <b class="matrubrik">Wallenbergare</b>
     <P class="mattext"> med potatismos lingon och gröna ärtor
       Alternativa rätter
       Gratinerad blomkål samt gröna ärtor</p>
   </div>
 </div>

解决方案

(document).ready(function(){

('#måndag').click(function(){

('#måndagm').slideToggle("slow"); });

这篇关于有什么方法可以减少脚本代码吗？我想做5天菜单，这将是如此多的代码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！