CSS/HTML/Javascript readmore dropdown problem

Any help is appreciated.

Please go to this page to see the CSS/Javascript/html problem (password temp1) and enter your birthday (legal stuff)

https://afterhoursvapes.com/collections/beginner-starter-kits/products/smok-brit-one-mega-starter-kit

Look at the dropdown tabs in the middle of the product description

The problem is, especially on mobile, but also on desktop. The dropdown tabs are so long when opened up that when you press "Show Less" You get a jump and end up on the wrong part of the screen. It's only on the large dropdowns like "Great Pictures". I don't think these tabs were designed to be this big. What is the fix.

What I would like to see happen is the dropdowns open and close slower and for there to be a page anchor to take you back up to the dropdown top when you click "Show less"

Can you help?

Thanks

CSS for the Great Pictures dropdown on that page:

.read-more-state7-e {
  display: none;
}

.read-more-target7-e {
  max-height: 1px;
  overflow: hidden;
  -webkit-transition: max-height 0.7s; /* Safari */
  transition: max-height 0.7s;
}

.read-more-state7-e:checked ~ .read-more-target7-e {
  max-height: 250em;
}

.read-more-state7-e ~ .read-more-trigger7-e:before {
  content: 'Read more';
}

.read-more-state7-e:checked ~ .read-more-trigger7-e:before {
  content: 'Show less';
}

.read-more-trigger7-e {
  cursor: pointer;
  display: inline-block;
  padding: 0px 0px 0px -1.5em;
  color: #fff;
  font-size: 1.1em;
  line-height: 2;
  font-weight:bold;
  margin-top:-11px;
  position:absolute;
  right:10px;
  bottom:3px;
  text-decoration:underline;
}


.readmore7-e h2
{
color: #a7925e;
font-size:150%;
}

.readmore7-e
{
padding: 7px 0px 5px 12px;
background-color:#479993;
border:2px solid #fff;
color:#fff;
position:relative;
}

Open in new window


HTML for that part of the page:

<div id="product-description1">
<p><strong>Overview</strong></p>
<p>Not a lot of buttons and gadgets on this one, great for someone just starting out.</p>
<p>The SMOK One Mega Starter Kit is a beginner vape that may work for some advanced users. It has a built-in 2000mAH Misub Plus battery with the Brit Cloud tank. This vape is the next version of the Brit One Mini. It is for cloud chasing. The device has an easy-to-access MicroUSB port located on it's side for convenience. It has LED charging notification.</p>
<p>The Brit Cloud tank brings the overall diameter to 24.5mm, which matches the Misub Plus Battery. The output range is 30-45W. It has a pre-installed 0.3 B2 sub-ohm coil. The tank holds 2ml. It is a one-button vape with built-in low resistance and short-circuit protection. This stainless steel vape by SMOKtech is top-filling and has pyrex glass protecting the tank.</p>
<p><strong>Quick Table</strong></p>
<div id="mainspecs1">
<table>
<thead>
<tr class="mainspecs1head">
<th class="specswidthfirst">Feature</th>
<th>Information</th>
</tr>
</thead>
<tbody>
<tr>
<td>Device Type:</td>
<td>Starter Kit</td>
</tr>
<tr>
<td>Battery</td>
<td>One built-in 2000mAh battery</td>
</tr>
<tr>
<td>Experience Level:</td>
<td>Beginner</td>
</tr>
<tr>
<td>Ohms:</td>
<td>0.3 ohms</td>
</tr>
<tr>
<td>Watts:</td>
<td>30-45W</td>
</tr>
<tr>
<td>Voltage:</td>
<td>3.4V-4.2V</td>
</tr>
<tr>
<td>Tank Capacity</td>
<td>2ml</td>
</tr>
<tr>
<td>Size</td>
<td>24.5mm x 75mm</td>
</tr>
<tr>
<td>Weight</td>
<td>88.5g</td>
</tr>
<tr>
<td>Coil Type:</td>
<td>
<ul>
<li>B2 (Pre-installed) - 0.3 ohms Kanthal Dual Core (20-50W)</li>
<li>B2 (Included) - 0.3 ohms Kanthal Dual Core (20-50W)</li>
</ul>
</td>
</tr>
</tbody>
<tbody>
<tr></tr>
</tbody>
</table>
</div>
<br />
<div class="readmore4-e"><input class="read-more-state4-e" id="post-4-e" type="checkbox" /> <strong class="big1-e">Includes</strong><label for="post-4-e" class="read-more-trigger4-e"></label>
<div class="read-more-target4-e"><br />1 x Misub Plus Battery<br />1 x Brit Cloud TNK<br />1 x Preinstalled 0.3ohm B2 Dual Core<br />1 x Extra 0.3ohm B2 Dual Core<br />1 x Replacement Glass Tube<br />1 x MicroUSB Cable<br />1 x Bag Spare Parts<br />1 x Instructional Manual<br /><br /></div>
</div>
<div class="readmore6-e"><input class="read-more-state6-e" id="post-6-e" type="checkbox" /> <strong class="big1-e">Features</strong><label for="post-6-e" class="read-more-trigger6-e"></label>
<div class="read-more-target6-e"><br />
<p><b>The SMOK One Mega Starter Kit Features</b></p>
• 24.5mm Diameter<br />• Includes Misub Plus Battery &amp; Brit Cloud TNK<br />• Integrated 2000mAh Battery <br />• Direct Voltage Output System <br />• Operating Voltage Range: 3.4-4.2V <br />• Single Button Operation <br />• Intelligent Battery Life Indicator <br />• 8 Seconds Protection <br />• Low Resistance Protection <br />• Short Circuit Protection <br />• Low Voltage Protection <br />• MicroUSB Charging Port - Passthrough Capability<br />• 2mL Capacity<br />• Superior Stainless Steel Construction<br />• Pyrex Glass Reinforcement<br />• Cloud-Focused Design<br />• Threaded Top-Fill Method<br />• Top Dual Adjustable Airflow System<br />• SMOK's Brit Coil System<br />• 0.3ohm B2 Dual Core - rated for 20-50W<br />• Bullet Widebore Drip Tip<br />• 510 Connection <br /><br />
<p><b>Misub Plus Battery Specifications:</b></p>
• Manufactured by: SMOKtech<br />• Size: 24.5x75mm<br />• Weight: 88.5g<br />• Voltage Range: 3.4V-4.2V<br />• Wattage Range: 30W-45W<br />• Battery Capacity: 2000mAh <br />
<p><b>Brit Cloud TNK Specifications:</b></p>
• Manufactured by: SMOKtech<br />• Size: 24.5x42mm<br />• Weight: 43g<br />• Thread: 510<br />• Capacity: 2ml<br />• Material: Stainless Steel<br /><br /></div>
</div>
<div class="readmore2-e"><input class="read-more-state2-e" id="post-2" type="checkbox" /> <strong class="big1-e">Comparison Table</strong><label for="post-2" class="read-more-trigger2-e"></label>
<div class="read-more-target2-e"><br />
<div id="comparison-table">
<table>
<tbody>
<tr>
<td class="ct11">Image</td>
<td class="ct2"><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/smok-brit-one-mega-starter-kit"><img style="max-width: 100%; height: auto;" alt="Smok Brit One Mega Starter Kit" src="https://cdn.shopify.com/s/files/1/2673/0876/products/main1_grande.gif?v=1526423142" /></a></td>
<td class="ct2"><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/joyetech-ego-aio-starter-kit"><img style="max-width: 100%%; height: auto;" alt="joytech ego AIO Starter Kit" src="https://cdn.shopify.com/s/files/1/2673/0876/products/joyetech_egoaio_colors2_1024x1024.jpg?v=1519924304" /></a></td>
<td class="ct2"><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/kanger-evod-pro-starter-kit"><img style="max-width: 100%; height: auto;" alt="Kanger Evod PRO Starter Kit" src="https://cdn.shopify.com/s/files/1/2673/0876/products/termppp_940x.jpg?v=1519925430" /></a></td>
</tr>
<tr>
<td class="ct11">Device Name:</td>
<td><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/smok-brit-one-mega-starter-kit">Smok Brit One Mega Starter Kit</a></td>
<td><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/joyetech-ego-aio-starter-kit">Joytech Ego AIO Starter kit</a></td>
<td><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/kanger-evod-pro-starter-kit">Kanger Evod PRO Starter Kit</a></td>
</tr>
<tr>
<td class="ct11">Device Type:</td>
<td>Starter Kit</td>
<td>Starter Kit</td>
<td>Starter Kit</td>
</tr>
<tr>
<td class="ct11">Battery</td>
<td>
<p>One included 2000mAh battery</p>
</td>
<td>One included 1500mAh battery</td>
<td>One 18650 Battery NOT INCLUDED</td>
</tr>
<tr>
<td class="ct11">Experience Level:</td>
<td>Beginner</td>
<td>Beginner</td>
<td>Beginner</td>
</tr>
<tr>
<td class="ct11">Ohms:</td>
<td><span>0.3 ohms</span></td>
<td>0.6 ohms</td>
<td>0.15ohm - 2.5ohm, 1.0 ohm coil preinastalled</td>
</tr>
<tr>
<td class="ct11">Watts:</td>
<td><span>30-45W</span></td>
<td>15W-28W</td>
<td>Not listed</td>
</tr>
<tr>
<td class="ct11">Tank Capacity</td>
<td><span>2ml</span></td>
<td>2ml</td>
<td>4ml</td>
</tr>
</tbody>
</table>
<br /><br /></div>
<div id="comparison-table-mobile"><br />
<table>
<tbody>
<tr>
<td class="ct11">Image</td>
<td><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/smok-brit-one-mega-starter-kit"><img style="max-width: 100%; height: auto;" alt="Smok Brit One Mega Starter Kit" src="https://cdn.shopify.com/s/files/1/2673/0876/products/main1_grande.gif?v=1526423142" /></a></td>
</tr>
<tr>
<td class="ct11">Device Name:</td>
<td><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/smok-brit-one-mega-starter-kit">Smok Brit One Mega Starter Kit</a></td>
</tr>
<tr>
<td class="ct11">Device Type:</td>
<td>Starter Kit</td>
</tr>
<tr>
<td class="ct11">Battery</td>
<td>One built-in 2000mAh battery</td>
</tr>
<tr>
<td class="ct11">Experience Level:</td>
<td>Beginner</td>
</tr>
<tr>
<td class="ct11">Ohms:</td>
<td><span>0.3 ohms</span></td>
</tr>
<tr>
<td class="ct11">Watts:</td>
<td><span>30-45W</span></td>
</tr>
<tr>
<td class="ct11">Tank Capacity</td>
<td><span>2ml</span></td>
</tr>
<tr>
<td colspan="2"><br /><br /></td>
</tr>
<tr>
<td class="ct11">Image</td>
<td class="ct2"><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/joyetech-ego-aio-starter-kit"><img style="max-width: 100%%; height: auto;" alt="joytech ego AIO Starter Kit" src="https://cdn.shopify.com/s/files/1/2673/0876/products/joyetech_egoaio_colors2_1024x1024.jpg?v=1519924304" /></a></td>
</tr>
<tr>
<td class="ct11">Device Name</td>
<td><a style="color: white;" href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/joyetech-ego-aio-starter-kit">Joytech Ego AIO Starter kit</a></td>
</tr>
<tr>
<td class="ct11">Device Type:</td>
<td>Starter Kit</td>
</tr>
<tr>
<td class="ct11">Battery</td>
<td>One included 1500mAh battery</td>
</tr>
<tr>
<td class="ct11">Experience Level:</td>
<td>Beginner</td>
</tr>
<tr>
<td class="ct11">Ohms:</td>
<td>0.6 ohms</td>
</tr>
<tr>
<td class="ct11">Watts:</td>
<td>15W-28W</td>
</tr>
<tr>
<td class="ct11">Tank Capacity</td>
<td>2ml</td>
</tr>
<tr>
<td colspan="2"><br /><br /></td>
</tr>
<tr>
<td class="ct11">Image</td>
<td class="ct2"><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/kanger-evod-pro-starter-kit"><img style="max-width: 100%; height: auto;" alt="Kanger Evod PRO Starter Kit" src="https://cdn.shopify.com/s/files/1/2673/0876/products/termppp_940x.jpg?v=1519925430" /></a></td>
</tr>
<tr>
<td class="ct11">Device Name:</td>
<td><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/kanger-evod-pro-starter-kit">Kanger Evod PRO Starter Kit</a></td>
</tr>
<tr>
<td class="ct11">Device Type:</td>
<td>Starter Kit</td>
</tr>
<tr>
<td class="ct11">Battery</td>
<td>One 18650 Battery NOT INCLUDED</td>
</tr>
<tr>
<td class="ct11">Experience Level:</td>
<td>Beginner</td>
</tr>
<tr>
<td class="ct11">Ohms:</td>
<td>0.15ohm - 2.5ohm, 1.0 ohm coil preinastalLed</td>
</tr>
<tr>
<td class="ct11">Watts:</td>
<td>Not listed</td>
</tr>
<tr>
<td class="ct11">Tank Capacity</td>
<td>4ml</td>
</tr>
</tbody>
</table>
<br /><br /></div>
<div style="clear: both;"> </div>
</div>
</div>
<div class="readmore3-e"><input class="read-more-state3-e" id="post-3-e" type="checkbox" /> <strong class="big1-e">Shipping</strong><label for="post-3-e" class="read-more-trigger3-e"></label>
<div class="read-more-target3-e"><br /> <img alt="shipping policy" src="https://cdn.shopify.com/s/files/1/2673/0876/files/shipping-poljcy-v3.gif?8514605156627299820" /> <br /><br /><br /></div>
</div>
<div class="readmore4-e"><input class="read-more-state4-e" id="post-4" type="checkbox" /> <strong class="big1-e">Returns</strong><label for="post-4" class="read-more-trigger4-e"></label>
<div class="read-more-target4-e"><br /> <img alt="returns policy" src="https://cdn.shopify.com/s/files/1/2673/0876/files/returns-polichy-v3.gif?149602527692070420370" /><br /><br /> AfterHoursVapes<br /> 17 Kelly Rd<br /> Mountain Home, ID 83647<br /><br /><br /><br /></div>
</div>
<div class="readmore7-e"><input class="read-more-state7-e" id="post-7" type="checkbox" /> <strong class="big1-e">Great Pictures</strong><label for="post-7" class="read-more-trigger7-e"></label>
<div class="read-more-target7-e">
<div style="width: 100%; padding-right: 14px;"><img style="margin-left: 2px;" class="responsive-left" alt="great pictures of Smok One Brit" src="https://cdn.shopify.com/s/files/1/2673/0876/files/all3_517f41ee-79fa-46bf-9e42-59004f7857cc.jpg?149234607196266072" />
<div style="clear: both;"></div>
<br /><br /></div>
</div>
</div>
</div>

Open in new window

LVL 7
weikelbobAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Julian HansenCommented:
This would need to be in code - when you click show less. This worked on the Includes item when run in the scratchpad

$('.read-more-trigger4-e').click(function() {
 $('html, body').animate({
        scrollTop: $(".readmore4-e").offset().top
    }, 200);
})

Open in new window

I was using what was available on the page - you can add classes to make it more versatile.

Are you able to add this to your code - if so we can work on refining it.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
weikelbobAuthor Commented:
where do I put this? Could you show me exactly?
weikelbobAuthor Commented:
Got this! I put it in my theme's javascript file. Let me test this out for a day or two and I'll close the question.
CompTIA Network+

Prepare for the CompTIA Network+ exam by learning how to troubleshoot, configure, and manage both wired and wireless networks.

weikelbobAuthor Commented:
Why is the Returns tab not going to the top right on this page:

https://afterhoursvapes.com/collections/beginner-starter-kits/products/aspire-breeze-all-in-one-starter-kit

password temp1

css:

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

.read-more-target-e {
  max-height: 1px;
  overflow: hidden;
  -webkit-transition: max-height 0.7s; /* Safari */
  transition: max-height 0.7s;
}

.read-more-state-e:checked ~ .read-more-target-e {
  max-height: 250em;
}

.read-more-state-e ~ .read-more-trigger-e:before {
  content: 'Read more';
}

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

.read-more-trigger-e {
  cursor: pointer;
  display: inline-block;
  padding: 0px 0px 0px -1.5em;
  color: #fff;
  font-size: 1.1em;
  line-height: 2;
  font-weight:bold;
  margin-top:-11px;
  position:absolute;
  right:10px;
  bottom:3px;
    text-decoration:underline;
}


.readmore-e h2
{
color: #a7925e;
font-size:150%;
}

.readmore-e
{
padding: 4px 0px 2px 12px;
background-color:#479993;
border:2px solid #fff;
color:#fff;
position:relative;
}


.read-more-state3-e {
  display: none;
}

.read-more-target3-e {
  max-height: 1px;
  overflow: hidden;
  -webkit-transition: max-height 0.7s; /* Safari */
  transition: max-height 0.7s;
}

.read-more-state3-e:checked ~ .read-more-target3-e {
  max-height: 250em;
}

.read-more-state3-e ~ .read-more-trigger3-e:before {
  content: 'Read more';
}

.read-more-state3-e:checked ~ .read-more-trigger3-e:before {
  content: 'Show less';
}

.read-more-trigger3-e {
  cursor: pointer;
  display: inline-block;
  padding: 0px 0px 0px -1.5em;
  color: #fff;
  font-size: 1.1em;
  line-height: 2;
  font-weight:bold;
  margin-top:-11px;
  position:absolute;
  right:10px;
  bottom:3px;
  text-decoration:underline;
}


.readmore3-e h2
{
color: #a7925e;
font-size:150%;
}

.readmore3-e
{
padding: 7px 0px 5px 12px;
background-color:#479993;
border:2px solid #fff;
color:#fff;
position:relative;
}

.read-more-state4-e {
  display: none;
}

.read-more-target4-e {
  max-height: 1px;
  overflow: hidden;
  -webkit-transition: max-height 0.7s; /* Safari */
  transition: max-height 0.7s;
}

.read-more-state4-e:checked ~ .read-more-target4-e {
  max-height: 250em;
}

.read-more-state4-e ~ .read-more-trigger4-e:before {
  content: 'Read more';
}

.read-more-state4-e:checked ~ .read-more-trigger4-e:before {
  content: 'Show less';
}

.read-more-trigger4-e {
  cursor: pointer;
  display: inline-block;
  padding: 0px 0px 0px -1.5em;
  color: #fff;
  font-size: 1.1em;
  line-height: 2;
  font-weight:bold;
  margin-top:-11px;
  position:absolute;
  right:10px;
  bottom:3px;
  text-decoration:underline;
}


.readmore4-e h2
{
color: #a7925e;
font-size:150%;
}

.readmore4-e
{
padding: 7px 0px 5px 12px;
background-color:#479993;
border:2px solid #fff;
color:#fff;
position:relative;
}

.read-more-state5-e {
  display: none;
}

.read-more-target5-e {
  max-height: 1px;
  overflow: hidden;
  -webkit-transition: max-height 0.7s; /* Safari */
  transition: max-height 0.7s;
}

.read-more-state5-e:checked ~ .read-more-target5-e {
  max-height: 250em;
}

.read-more-state5-e ~ .read-more-trigger5-e:before {
  content: 'Read more';
}

.read-more-state5-e:checked ~ .read-more-trigger5-e:before {
  content: 'Show less';
}

.read-more-trigger5-e {
  cursor: pointer;
  display: inline-block;
  padding: 0px 0px 0px -1.5em;
  color: #fff;
  font-size: 1.1em;
  line-height: 2;
  font-weight:bold;
  margin-top:-11px;
  position:absolute;
  right:10px;
  bottom:3px;
  text-decoration:underline;
}


.readmore5-e h2
{
color: #a7925e;
font-size:150%;
}

.readmore5-e
{
padding: 7px 0px 5px 12px;
background-color:#479993;
border:2px solid #fff;
color:#fff;
position:relative;
}

.read-more-state6-e {
  display: none;
}

.read-more-target6-e {
  max-height: 1px;
  overflow: hidden;
  -webkit-transition: max-height 0.7s; /* Safari */
  transition: max-height 0.7s;
}

.read-more-state6-e:checked ~ .read-more-target6-e {
  max-height: 250em;
}

.read-more-state6-e ~ .read-more-trigger6-e:before {
  content: 'Read more';
}

.read-more-state6-e:checked ~ .read-more-trigger6-e:before {
  content: 'Show less';
}

.read-more-trigger6-e {
  cursor: pointer;
  display: inline-block;
  padding: 0px 0px 0px -1.5em;
  color: #fff;
  font-size: 1.1em;
  line-height: 2;
  font-weight:bold;
  margin-top:-11px;
  position:absolute;
  right:10px;
  bottom:3px;
  text-decoration:underline;
}


.readmore6-e h2
{
color: #a7925e;
font-size:150%;
}

.readmore6-e
{
padding: 7px 0px 5px 12px;
background-color:#479993;
border:2px solid #fff;
color:#fff;
position:relative;
}


.read-more-state8-e {
  display: none;
}

.read-more-target8-e {
  max-height: 1px;
  overflow: hidden;
  -webkit-transition: max-height 0.7s; /* Safari */
  transition: max-height 0.7s;
}

.read-more-state8-e:checked ~ .read-more-target8-e {
  max-height: 250em;
}

.read-more-state8-e ~ .read-more-trigger8-e:before {
  content: 'Read more';
}

.read-more-state8-e:checked ~ .read-more-trigger8-e:before {
  margin-right:15px;
  content: 'Show less';
  color:#000;
}

.read-more-trigger8-e {
  cursor: pointer;
  display: inline-block;
  padding: 0px 0px 0px -1.5em;
  color: #fff;
  font-size: 1.1em;
  line-height: 2;
  font-weight:bold;
  margin-top:-11px;
  position:absolute;
  right:10px;
  bottom:3px;
  text-decoration:underline;
}


.readmore8-e h2
{
color: #a7925e;
font-size:150%;
}

.readmore8-e
{
padding: 7px 0px 5px 12px;
background-color:#479993;
border:2px solid #fff;
color:#fff;
position:relative;
}


.read-more-state7-e {
  display: none;
}

.read-more-target7-e {
  max-height: 1px;
  overflow: hidden;
  -webkit-transition: max-height 0.7s; /* Safari */
  transition: max-height 0.7s;
}

.read-more-state7-e:checked ~ .read-more-target7-e {
  max-height: 250em;
}

.read-more-state7-e ~ .read-more-trigger7-e:before {
  content: 'Read more';
}

.read-more-state7-e:checked ~ .read-more-trigger7-e:before {
  content: 'Show less';
}

.read-more-trigger7-e {
  cursor: pointer;
  display: inline-block;
  padding: 0px 0px 0px -1.5em;
  color: #fff;
  font-size: 1.1em;
  line-height: 2;
  font-weight:bold;
  margin-top:-11px;
  position:absolute;
  right:10px;
  bottom:3px;
  text-decoration:underline;
}


.readmore7-e h2
{
color: #a7925e;
font-size:150%;
}

.readmore7-e
{
padding: 7px 0px 5px 12px;
background-color:#479993;
border:2px solid #fff;
color:#fff;
position:relative;
}

Open in new window



html:

<div id="product-description1">
<p><strong>Overview</strong></p>
<p>This vape is very simple and is for someone just starting out. It just has a button, a battery, a tank, and a coil. Just set it up and hit the button.</p>
<p>The Aspire Breeze Starter Kit is very compact. It is an all-in-one starter kit designed for ease of use or using it out and about. You can just breath in and the Aspire will activate, or you can push the button The tank holds 2.0 ml, and there is an integrated 650mAh rechargeable battery. It uses Breeze U-Tech Coil 0.6ohm atomizer heads (designed for flavor), with a 1.2 ohm possibility sold separately that is designed for high-nicotine vape juice. This mouth-to-lung vape is great for vapor production as well as rich flavor.</p>
<br />
<p><strong>Quick Table</strong></p>
<div id="mainspecs1">
<table>
<thead>
<tr class="mainspecs1head">
<th class="specswidthfirst">Feature</th>
<th>Information</th>
</tr>
</thead>
<tbody>
<tr>
<td>Device Type:</td>
<td>Starter Kit</td>
</tr>
<tr>
<td>Battery</td>
<td>Integrated 650mAh Rechargeable Battery</td>
</tr>
<tr>
<td>Experience Level:</td>
<td>Beginner</td>
</tr>
<tr>
<td>Ohms:</td>
<td>The pre-installed coil is 0.6 ohms. There is a 1.2 ohm coil sold separately as well.</td>
</tr>
<tr>
<td>Watts:</td>
<td>Unlisted</td>
</tr>
<tr>
<td>Tank Capacity</td>
<td>2.0ml</td>
</tr>
<tr>
<td>Coil Type:</td>
<td>The Breeze uses U-tech coils, a 0.6ohm for advanced flavor and vapor production, and an optional 1.2 ohm coil sold separately specifically made for high nicotine ejuice.</td>
</tr>
</tbody>
<tbody>
<tr></tr>
</tbody>
</table>
</div>
<br />
<div class="readmore4-e"><input class="read-more-state4-e" id="post-4-e" type="checkbox" /> <strong class="big1-e">Includes</strong><label for="post-4-e" class="read-more-trigger4-e"></label>
<div class="read-more-target4-e"><br />1 x Aspire Breeze<br /> 2 x 0.6oHm Coils<br /> 6 x Extra O Rings<br /> 1 x USB cable<br /> 1 x User Manual<br /><br /></div>
</div>
<div class="readmore6-e"><input class="read-more-state6-e" id="post-6-e" type="checkbox" /> <strong class="big1-e">Specs</strong><label for="post-6-e" class="read-more-trigger6-e"></label>
<div class="read-more-target6-e"><br />
<ul>
<li>Dimensions: 93mm x 33mm x 18mm</li>
<li>2mL Tank Capacity</li>
<li>Plug-and-Play Ecosystem</li>
<li>Integrated 650mAh Rechargeable Battery</li>
<li>Direct Voltage-Based Output</li>
<li>Draw-Activated Firing Mechanism</li>
<li>Fire Button Operation</li>
<li>Top-Filled</li>
<li>Drip Tip Plastic Cap</li>
<li>Breeze U-Tech Coil Technology</li>
<li>0.6ohm Breeze U-Tech Coil</li>
<li>U-Shaped Cylinder Structure</li>
<li>MicroUSB Charging Port - Max 800mA</li>
<li>Note: Install and Prime Coil Before Use.</li>
</ul>
</div>
</div>
<div class="readmore2-e"><input class="read-more-state2-e" id="post-2" type="checkbox" /> <strong class="big1-e">Comparison Table</strong><label for="post-2" class="read-more-trigger2-e"></label>
<div class="read-more-target2-e"><br />
<div id="comparison-table">
<table>
<tbody>
<tr>
<td class="ct11">Image</td>
<td class="ct2"><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/aspire-breeze-all-in-one-starter-kit"><img style="max-width: 100%; height: auto;" alt="Aspire Breeze All-In-One Starter Kit" src="https://cdn.shopify.com/s/files/1/2673/0876/products/aspire_breezeaio_grande.jpg?v=1520886904" /></a></td>
<td class="ct2"><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/joyetech-ego-aio-starter-kit"><img style="max-width: 100%%; height: auto;" alt="joytech ego AIO Starter Kit" src="https://cdn.shopify.com/s/files/1/2673/0876/products/joyetech_egoaio_colors2_1024x1024.jpg?v=1519924304" /></a></td>
<td class="ct2"><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/kanger-evod-pro-starter-kit"><img style="max-width: 100%; height: auto;" alt="Kanger Evod PRO Starter Kit" src="https://cdn.shopify.com/s/files/1/2673/0876/products/termppp_940x.jpg?v=1519925430" /></a></td>
</tr>
<tr>
<td class="ct11">Device Name:</td>
<td><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/aspire-breeze-all-in-one-starter-kit">Aspire Breeze All-In-One Starter Kit</a></td>
<td><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/joyetech-ego-aio-starter-kit">Joytech Ego AIO Starter kit</a></td>
<td><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/kanger-evod-pro-starter-kit">Kanger Evod PRO Starter Kit</a></td>
</tr>
<tr>
<td class="ct11">Device Type:</td>
<td>Starter Kit</td>
<td>Starter Kit</td>
<td>Starter Kit</td>
</tr>
<tr>
<td class="ct11">Battery</td>
<td>
<p><span>Integrated 650mAh Rechargeable Battery</span></p>
</td>
<td>One included 1500mAh battery</td>
<td>One 18650 Battery NOT INCLUDED</td>
</tr>
<tr>
<td class="ct11">Experience Level:</td>
<td>Beginner</td>
<td>Beginner</td>
<td>Beginner</td>
</tr>
<tr>
<td class="ct11">Ohms:</td>
<td><span>The pre-installed coil is 0.6 ohms. There is a 1.2 ohm coil sold separately as well.</span></td>
<td>0.6 ohms</td>
<td>0.15ohm - 2.5ohm, 1.0 ohm coil preinastalled</td>
</tr>
<tr>
<td class="ct11">Watts:</td>
<td><span>Unlisted</span></td>
<td>15W-28W</td>
<td>Not listed</td>
</tr>
<tr>
<td class="ct11">Tank Capacity</td>
<td><span>2ml</span></td>
<td>2ml</td>
<td>4ml</td>
</tr>
</tbody>
</table>
<br /><br /></div>
<div id="comparison-table-mobile"><br />
<table>
<tbody>
<tr>
<td class="ct11">Image</td>
<td><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/aspire-breeze-all-in-one-starter-kit"><img style="max-width: 100%; height: auto;" alt="Aspire Breeze All-In-One Starter Kit" src="https://cdn.shopify.com/s/files/1/2673/0876/products/aspire_breezeaio_grande.jpg?v=1520886904" /></a></td>
</tr>
<tr>
<td class="ct11">Device Name:</td>
<td><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/aspire-breeze-all-in-one-starter-kit">Aspire Breeze All-In-One Starter Kit</a></td>
</tr>
<tr>
<td class="ct11">Device Type:</td>
<td>Starter Kit</td>
</tr>
<tr>
<td class="ct11">Battery</td>
<td><span>Integrated 650mAh Rechargeable Battery</span></td>
</tr>
<tr>
<td class="ct11">Experience Level:</td>
<td>Beginner</td>
</tr>
<tr>
<td class="ct11">Ohms:</td>
<td><span>The pre-installed coil is 0.6 ohms. There is a 1.2 ohm coil sold separately as well.</span></td>
</tr>
<tr>
<td class="ct11">Watts:</td>
<td><span>Unlisted</span></td>
</tr>
<tr>
<td class="ct11">Tank Capacity</td>
<td><span>2ml</span></td>
</tr>
<tr>
<td colspan="2"><br /><br /></td>
</tr>
<tr>
<td class="ct11">Image</td>
<td class="ct2"><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/joyetech-ego-aio-starter-kit"><img style="max-width: 100%%; height: auto;" alt="joytech ego AIO Starter Kit" src="https://cdn.shopify.com/s/files/1/2673/0876/products/joyetech_egoaio_colors2_1024x1024.jpg?v=1519924304" /></a></td>
</tr>
<tr>
<td class="ct11">Device Name</td>
<td><a style="color: white;" href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/joyetech-ego-aio-starter-kit">Joytech Ego AIO Starter kit</a></td>
</tr>
<tr>
<td class="ct11">Device Type:</td>
<td>Starter Kit</td>
</tr>
<tr>
<td class="ct11">Battery</td>
<td>One included 1500mAh battery</td>
</tr>
<tr>
<td class="ct11">Experience Level:</td>
<td>Beginner</td>
</tr>
<tr>
<td class="ct11">Ohms:</td>
<td>0.6 ohms</td>
</tr>
<tr>
<td class="ct11">Watts:</td>
<td>15W-28W</td>
</tr>
<tr>
<td class="ct11">Tank Capacity</td>
<td>2ml</td>
</tr>
<tr>
<td colspan="2"><br /><br /></td>
</tr>
<tr>
<td class="ct11">Image</td>
<td class="ct2"><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/kanger-evod-pro-starter-kit"><img style="max-width: 100%; height: auto;" alt="Kanger Evod PRO Starter Kit" src="https://cdn.shopify.com/s/files/1/2673/0876/products/termppp_940x.jpg?v=1519925430" /></a></td>
</tr>
<tr>
<td class="ct11">Device Name:</td>
<td><a href="https://afterhoursvapes.com/collections/beginner-starter-kits/products/kanger-evod-pro-starter-kit">Kanger Evod PRO Starter Kit</a></td>
</tr>
<tr>
<td class="ct11">Device Type:</td>
<td>Starter Kit</td>
</tr>
<tr>
<td class="ct11">Battery</td>
<td>One 18650 Battery NOT INCLUDED</td>
</tr>
<tr>
<td class="ct11">Experience Level:</td>
<td>Beginner</td>
</tr>
<tr>
<td class="ct11">Ohms:</td>
<td>0.15ohm - 2.5ohm, 1.0 ohm coil preinastalLed</td>
</tr>
<tr>
<td class="ct11">Watts:</td>
<td>Not listed</td>
</tr>
<tr>
<td class="ct11">Tank Capacity</td>
<td>4ml</td>
</tr>
</tbody>
</table>
<br /><br /></div>
<div style="clear: both;"> </div>
</div>
</div>
<div class="readmore3-e"><input class="read-more-state3-e" id="post-3-e" type="checkbox" /> <strong class="big1-e">Shipping</strong><label for="post-3-e" class="read-more-trigger3-e"></label>
<div class="read-more-target3-e"><br /> <img alt="shipping policy" src="https://cdn.shopify.com/s/files/1/2673/0876/files/shipping-poljcy-v3.gif?8514605156627299820" /> <br /><br /><br /></div>
</div>
<div class="readmore4-e"><input class="read-more-state4-e" id="post-4" type="checkbox" /> <strong class="big1-e">Returns</strong><label for="post-4" class="read-more-trigger4-e"></label>
<div class="read-more-target4-e"><br /> <img alt="returns policy" src="https://cdn.shopify.com/s/files/1/2673/0876/files/returns-polichy-v3.gif?149602527692070420370" /><br /><br /> AfterHoursVapes<br /> 17 Kelly Rd<br /> Mountain Home, ID 83647<br /><br /><br /><br /></div>
</div>
<div class="readmore7-e"><input class="read-more-state7-e" id="post-7" type="checkbox" /> <strong class="big1-e">Great Pictures</strong><label for="post-7" class="read-more-trigger7-e"></label>
<div class="read-more-target7-e">
<div style="width: 100%; padding-right: 14px;"><img style="margin-left: 2px;" class="responsive-left" alt="great pictures of Smok One Brit" src="https://cdn.shopify.com/s/files/1/2673/0876/files/all1_9edc3f8a-7ed4-474a-8625-c705af0948e5.jpg?1351885778066486119" />
<div style="clear: both;"></div>
<br /><br /></div>
</div>
</div>
</div>

Open in new window

weikelbobAuthor Commented:
javascript

$('.read-more-trigger-e').click(function() {
 $('html, body').animate({
        scrollTop: $(".readmore-e").offset().top
    }, 200);
})

$('.read-more-trigger2-e').click(function() {
 $('html, body').animate({
        scrollTop: $(".readmore2-e").offset().top
    }, 200);
})

$('.read-more-trigger3-e').click(function() {
 $('html, body').animate({
        scrollTop: $(".readmore3-e").offset().top
    }, 200);
})

$('.read-more-trigger4-e').click(function() {
 $('html, body').animate({
        scrollTop: $(".readmore4-e").offset().top
    }, 200);
})

$('.read-more-trigger5-e').click(function() {
 $('html, body').animate({
        scrollTop: $(".readmore5-e").offset().top
    }, 200);
})

$('.read-more-trigger6-e').click(function() {
 $('html, body').animate({
        scrollTop: $(".readmore6-e").offset().top
    }, 200);
})

$('.read-more-trigger7-e').click(function() {
 $('html, body').animate({
        scrollTop: $(".readmore7-e").offset().top
    }, 200);
})

$('.read-more-trigger8-e').click(function() {
 $('html, body').animate({
        scrollTop: $(".readmore8-e").offset().top
    }, 200);
})

Open in new window

weikelbobAuthor Commented:
it's around the class

read-more-target4-e
Julian HansenCommented:
Why is the Returns tab not going to the top right on this page:
It does for me.
weikelbobAuthor Commented:
OK it must be a weird history thing. I think you've given a good response to this question I'm closing this. You did an awesome job.
Julian HansenCommented:
Thank you and you are welcome.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.