Is There Any Way I Can Make Less Script Code ? I Wanna Make 5 Days Menu And It Will Be So Much Code

Question

3.00/5 (1 vote)

See more:

//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

XML

<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>

Posted 7-Mar-14 7:04am

Allan Wissam

Updated 7-Mar-14 7:08am

CHill60

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Peter Leow · Accepted Answer · 2014-03-07T07:12:00

The improved jquery:

XML

<script>
$(document).ready(function(){
  $('#mat > #menu').click(function(){
    $(this).next().slideToggle("slow");
  });

});
</script>

But you need to rename some ids to the div:

XML

<div id="dagenslunch">
  <b>Dagens Lunch:</b>
</div>
<div id="lunchmeny">
  <div id="mat">
    <div id="menu">
      <p>Måndag</p>
    </div>
    <div id="menuitem">
      <p>Leverbiff 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="menu">
      <p>Tisdag</p>
    </div>
    <div id="menuitem">
      <p>Leverbiff 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>
<div id="dagenslunchslut">