anchor.diff:            <input type="submit"value="Save" style="float: right" />
             </br>
           </div> 
  -        <div class="dropdown-sub-title-content">
  +        <div class="dropdown-sub-title-content" id="accordion">
             Receive alert emails? 
  -            <label class="switch" style="float: right">
  +            <label class="switch" style="float: right" data-toggle="collapse" data-target="#collapseAlertEmails">
                 <input type="checkbox">
                 <span class="slider round"></span>
               </label>
             </br>
  -        </div> 
  +          <div id="collapseAlertEmails" class="dropdown-sub-title collapse out">
  +            <ul class="checkbox"> 
  +              <li><input type="checkbox" id="cb1" value="Cats" /><label for="cb1">Cats</label></li> 
  +              <li><input type="checkbox" id="cb2" value="Bees" /><label for="cb2">Bees</label></li> 
  +              <li><input type="checkbox" id="cb3" value="Perfume" /><label for="cb3">Perfume</label></li> 
  +              <li><input type="checkbox" id="cb4" value="Oak" /><label for="cb4">Oak</label></li> 
  +              <li><input type="checkbox" id="cb5" value="Peanut" /><label for="cb5">Peanut</label></li> 
  +              <li><input type="checkbox" id="cb6" value="Gluten" /><label for="cb6>">Gluten</label></li> 
  +              <li><input type="checkbox" id="cb7" value="Dog" /><label for="cb7>">Dog</label></li> 
  +              <li><input type="checkbox" id="cb8" value="Dust" /><label for="cb8>">Dust</label></li> 
  +              <li><input type="checkbox" id="cb9" value="Smoke" /><label for="cb9>">Smoke</label></li> 
  +              <li><input type="checkbox" id="cb10" value="Mold" /><label for="cb10>">Mold</label></li> 
  +            </ul> 
  +          </div>
  +        </div> 
  +        
           
           <div class="dropdown-sub-title-content" id="accordion">
  -        </div> 
  -        <div id="alertsDropdown" class="dropdown-sub-title-content">
  -          <div class="checkbox">
  -            <input type="checkbox">
  -          </div> 
  -        </div>
  -        
  -        <div class="dropdown-sub-title-content">
             Receive daily update? 
  -            <label class="switch" style="float: right">
  +            <label class="switch" style="float: right" data-toggle="collapse" data-target="#collapseDailyUpdate">
                 <input type="checkbox">
                 <span class="slider round"></span>
               </label>
  -        </div> 
  -        
  -        <div class="dropdown-sub-title-content" id="accordion">
  -          <div id="alertsDropdown" class="dropdown-sub-title-content">
  -            <div class="checkbox">
  -              <input type="checkbox">
  -            </div>  
  -          </div>
  -        </div> 
  +          </br>
  +          <div id="collapseDailyUpdate" class="dropdown-sub-title collapse out">
  +            </br>
  +              <input type="checkbox"> Cats
  +              <input type="checkbox"> Bees
  +            </br>
  +              <input type="checkbox"> Perfume
  +              <input type="checkbox"> Oak
  +            </br>
  +            <input type="checkbox"> Peanut
  +            <input type="checkbox"> Gluten
  +            </br>
  +            <input type="checkbox"> Dog
  +            <input type="checkbox"> Dust
  +            </br>
  +            <input type="checkbox"> Smoke
  +            <input type="checkbox"> Mold
  +            </br>
  +          </div>
  +        </div> 
  +        
           
           <div onclick= "backClick()", class="dropdown-sub-title">
             <a>Back</a>
  
positive.code:           <input type="text" style="width: 65%;" placeholder="no location set" id="saved_location_text" />
            <input type="submit"value="Save" style="float: right" />
          </div> 
          <div id = "spacing"></div>
          <div class="dropdown-sub-title-settings"> Email preferences</div>
          <div class="dropdown-sub-title-content">
  
negative.code: 
  <script>
    function profileClick() {
      document.getElementById("arrow").classList.toggle("show")
      if (document.getElementById("myDropdown").style.display == "none"){
        
        console.log(document.getElementById("myDropdown").style.visibility);
        document.getElementById("settingsDropdown").classList.toggle("show");
      } else{
        console.log(document.getElementById("myDropdown").style.visibility);
        document.getElementById("myDropdown").classList.toggle("show");
      }
    }
  
    function settingsClick() {
  