Local Weather App review and questions

I Built This
1

Hi. I’ve built the Weather App with extended functionality - it also shows the forecast for tomorrow. Could you pls give me some feedback. I also have the following questions:

  1. You can mention that the background picture doesn’t fit fully into sections. How can I fix this?
  2. In Weather Underground API that I use exists an opportunity to use small grafic signs of weather (for example, for today it will be Object.current_observation.icon_url ). I wasn’t able to insert them like I did with text/numbers - using “document.getElementById(‘elementId’).innerHTML”. Is there a way to do it via innerHTML or other method(s)?
  3. I don’t like how my switch C/F button works. I’ve read about “toggle()” from jQuiery but wasn’t able to apply in to my project. Can you give me a hint on it?
  4. I’ve noticed that it takes some time to load the background images. Is there a way to speed them up?

My codepen:

See the Pen Local Weather App by Vasilii (@Vasilii1) on CodePen.

6

Thank you for your help! I´ve moved switchVisible and switchVisible1 in js section. Also now it shows the weather sign. As for #3 (switch C/F button) the steps are more or less the following:

  1. Press the button
  2. It hides the default temp in C and shows it in F
  3. When it shows F and you click the button it shows temp in C again
    I’ve found the jQuery example of toggle() that fits me perfectly but I wasn’t able to implement it, Here is the example’s code:
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>toggle demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<button>Toggle</button>
<p>Hello</p>
<p style="display: none">Good Bye</p>
 
<script>
$( "button" ).click(function() {
  $( "p" ).toggle();
});
</script>
 
</body>
</html>

Also - any hints on #1 (background pics not fitting)?