title: jQuery issues with the 'this' modifier and if/else statement
body: <p>Ok, so I'm trying to make it so that an image can be modified or moved in the browser by clicking on buttons on the side of the page, but the script in my if/else statement isn't working like I'd like it to. Here's what I have so far in jQuery: 
      
      
          </p>
  
  <pre><code>&lt;meta charset="utf-8"&gt;
  &lt;title&gt;Image Mod&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt;
  &lt;script src="http://code.jquery.com/jquery-1.11.3.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/main.js"&gt;
  var menu = $('ul li').click(function() {
  console.log($(this).index());
  
  
  if (menu = 0) {
  $('this').css('width', '80%')
  }
  
  else if (menu = 1) {
  $('this').css('height', '80%')  
  }
  
  else if (menu = 2) {
  $('this').css('height', '80%')
  }
  
  else if (menu = 3) {
  $('this').css('top', '30')
  }
  
  else if (menu = 4) {
  $('this').css('left', '50')
  }
  
  else if (menu = 5) {
  $('this').css('left', -50')
  }
  else {
  
  }
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;nav id="sidebar"&gt;
          &lt;ul&gt;
              &lt;li&gt;Edit 1&lt;/li&gt;
              &lt;li&gt;Edit 2&lt;/li&gt;
              &lt;li&gt;Edit 3&lt;/li&gt;
              &lt;li&gt;Edit 4&lt;/li&gt;
              &lt;li&gt;Edit 5&lt;/li&gt;
              &lt;li&gt;Edit 6&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
      &lt;img class="active" src="images/picture.jpg" /&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>