show more

by vi161

HTML

<div>
    <input type="checkbox" class="read-more-state" id="post-1" />
    <div class="read-more-wrap">
        <p><b>Your Best Bet In Managed Google Cloud Hosting</b></p>
        <p><span style="font-weight: 400;">In today’s busy, high tech world, every business needs an online presence- and online backup. Google cloud hosting is quickly becoming one of the most popular ways to back up data. Here are just a few advantages of hiring Buildateam for all of your </span><span style="font-weight: 400;">managed Google Cloud hosting</span><span style="font-weight: 400;">:</span></p>
        <span class="read-more-target">
            <p><b>Price Point</b><span style="font-weight: 400;">: Google Cloud offers a great price point for businesses and even offers discounts for longer commitment and larger workloads. You can check and see how the numbers apply to your own business but, in most cases, Google Cloud will be the better choice. </span></p>
            <p><b>Advanced Quality Fiber Network</b><span style="font-weight: 400;">: Whether you operate all over the United States or all over the world, Google offers one of the most comprehensive fiber optic networks to help ensure that your data can travel wherever you want your business to go. </span></p>
            <p><b>High Performance: </b><span style="font-weight: 400;">Avoid stalling and glitches with one of the most reliable cloud servers available. Google has a reputation for high performance and state of the art security. With Google being one of the most reliable names in the industry, it is no wonder that most businesses want the security of Google Cloud.  </span></p>
            <p><b>Why Buildateam.io?: </b><span style="font-weight: 400;">Your hiring decisions should serve your business model- not your company’s technical needs. This is where we come in. At Buildateam, we are proud to offer a variety of services such as </span><span style="font-weight: 400;">managed Google Cloud hosting</span><span...

CSS

.read-more-state {
  display: none;
}

.read-more-target p {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target p {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ p .read-more-trigger:before {
  content: 'Show more';
}

.read-more-state:checked ~ p .read-more-trigger:before {
  content: 'Show less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
}
.read-more-wrap {
}

/* Other style */