jQuery Simultaneous Fade and Slide
This was a JSFiddle Snippet that was giving me fits, because it would not work on there page, because they are now serving their site via https, but they are continuing to call some JS libraries by http.
<div id="anotherDiv">
<div>Lorem ipsum dolor sit amet, …!</p>
</div>
<div id="myDiv">
<p>Lorem ipsum dolor sit amet, …!</p>
</div>
<div id="notMyDiv">
<p>Lorem ipsum dolor sit amet, …!</p>
</div>
<script>
// add toggle visibility functionality
$.fn.toggleVisibility = function( action ) {
if ( action === 'present') {
this.stop(true,true).animate({height:'show',opacity:1},500);
}
if ( action === 'conceal' ) {
this.stop(true,true).animate({height:'hide',opacity:0},500);
}
return this;
};
var anotherdiv = $('#anotherDiv');
var mydiv = $('#myDiv');
var notmydiv = $('#notMyDiv');
$(anotherdiv).hover(function(){
$(mydiv).toggleVisibility('conceal');
},function(){
$(mydiv).toggleVisibility('present');
});
</script>
Repellat reiciendis, ipsam minima expedita quasi nostrum dignissimos quo voluptates eaque laudantium quod praesentium cumque voluptatem. Esse, atque, vel. Perferendis ea sapiente facilis modi quos enim voluptate libero temporibus eligendi?
Et facere corrupti tempora aliquam eius sint, blanditiis porro, ad eum dolor officiis sunt natus libero nisi repellendus aut maxime at quam suscipit in est vel repudiandae atque. Quo, placeat?
Illum consectetur quia, doloremque eius voluptatem neque ad minus est non, perspiciatis et sint, hic tempore nihil voluptates velit blanditiis! Exercitationem nulla omnis ipsum, qui in consequatur distinctio numquam enim?
Illo fugiat delectus laudantium, aperiam unde quis minima sit qui voluptas officia! Eligendi distinctio earum, officiis eaque molestiae dolorem! Porro natus nobis labore veniam assumenda hic explicabo quae officia animi!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab eum quibusdam veritatis aliquid dolorem dolorum. Possimus voluptates dolor a iure enim ullam eum, consequatur exercitationem totam. Amet sint facilis delectus.
Eveniet esse rem quos incidunt nemo, quidem id aspernatur aliquid iure aut sunt officia. Odit saepe nobis iure, doloremque, officiis corporis dolorum sed quidem ratione modi. Commodi animi, ullam porro.
Inventore rerum porro repellendus magni dignissimos perspiciatis quam quasi sapiente explicabo fugiat vel distinctio maxime velit error odit dolore nobis, voluptatum! Quas, iure reiciendis quisquam delectus maiores aliquam ad animi.
Reprehenderit id vel nobis quidem iusto fugiat labore eius! Nemo dolore impedit alias nostrum expedita esse hic, culpa repudiandae modi itaque eum incidunt, dolor a illo deserunt laborum ipsam necessitatibus.
Aliquid necessitatibus laudantium iste amet minus soluta possimus nam iusto! Perspiciatis ullam, consectetur, nemo incidunt dolorum quo, repudiandae vel eum velit libero consequuntur odit voluptas sit modi, officia. Eum, voluptates!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis in, similique voluptas ipsa harum possimus, ipsum doloremque. Sint minus temporibus, facilis culpa, animi eaque, fugit officiis sequi earum distinctio, quod.
Doloremque voluptates at excepturi, commodi. Alias veniam, sequi qui tempore minus fugit, amet sapiente expedita sit dolores cupiditate voluptas in impedit architecto, cum consequuntur quibusdam. Placeat odio, laudantium aliquid ducimus.
Tempore alias libero porro est, incidunt ullam magni quod debitis qui, voluptatem eveniet aliquam aut quos veritatis temporibus odit, optio explicabo pariatur at. Ad laborum, doloribus vitae perspiciatis fugit libero!
Dolorum, aut, rerum aperiam molestiae obcaecati accusamus eligendi quos adipisci accusantium voluptas deserunt? Molestias tenetur quae consectetur harum vero aliquid iusto magni doloribus, nobis maiores quisquam dicta quod, veritatis dolore.
Dolorum optio at fugiat iure, explicabo enim quos, nesciunt quia impedit dicta officiis, ad ipsam officia aspernatur, molestiae possimus voluptatibus. Incidunt minus assumenda maiores provident repudiandae ipsa facere. Quisquam, nostrum!
