GOOD

Follow Button

  1. 
    <form action="" method="post" class="follow">
      <p><button type="submit">Follow</button></p>
    </form>
    
    A simple button is presented if the user is not following.
  2. 
    <form action="" method="post" class="follow loading">
      <p><button type="submit">Follow</button></p>
    </form>
    
    When pressed, it adds the user as a follower.
  3. Following

    
    <form action="" method="post" class="following">
      <h6>Following</h6>
      <p>
        <button type="submit" name="unfollow" value="1">Unfollow</button>
      </p>
    </form>
    
    The button acts like a drop-down, once the user is following.
  4. Following

    
    <form action="" method="post" class="following loading">
      <h6>Following</h6>
      <p>
        <button type="submit" name="unfollow" value="1">Unfollow</button>
      </p>
    </form>
    
    When pressed, it removes the user as a follower.

Examples

Activity