在show()
jQuery UI上使用动画时,.ui-effects-wrapper
添加了类。如何删除.ui-effects-wrapper
课程?
$('.desc').eq(0).show();
$('.tab-child').hover(function(){
$('.desc').hide();
$('.desc').eq($(this).index()).show("shake", 4000);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
<div class="tab">
<div class="tab-child">One</div>
<div class="tab-child">Two</div>
<div class="tab-child">Three</div>
<div class="tab-child">Four</div>
</div>
<div class="content">
<div class="desc" style="display: none;"> ONE: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ornare neque at velit fermentum, vulputate tempus
lorem vulputate. Quisque eu ipsum venenatis, posuere tortor ut, maximus neque. Aenean tempor justo leo. Vestibulum
auctor, urna ut scelerisque rutrum, sem arcu egestas ipsum, ut maximus magna turpis ut nunc. Nulla rutrum velit
nisi, ac feugiat est commodo eu. Maecenas eget velit urna. Mauris posuere ex quis dictum commodo. Donec porta
lobortis turpis, eget iaculis diam tincidunt at.
</div>
<div class="desc" style="display: none;"> TWO: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ornare neque at velit fermentum, vulputate tempus
lorem vulputate. Quisque eu ipsum venenatis, posuere tortor ut, maximus neque. Aenean tempor justo leo. Vestibulum
auctor, urna ut scelerisque rutrum, sem arcu egestas ipsum, ut maximus magna turpis ut nunc. Nulla rutrum velit
nisi, ac feugiat est commodo eu. Maecenas eget velit urna. Mauris posuere ex quis dictum commodo. Donec porta
lobortis turpis, eget iaculis diam tincidunt at.
</div>
<div class="desc" style="display: none;"> TREE: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ornare neque at velit fermentum, vulputate tempus
lorem vulputate. Quisque eu ipsum venenatis, posuere tortor ut, maximus neque. Aenean tempor justo leo. Vestibulum
auctor, urna ut scelerisque rutrum, sem arcu egestas ipsum, ut maximus magna turpis ut nunc. Nulla rutrum velit
nisi, ac feugiat est commodo eu. Maecenas eget velit urna. Mauris posuere ex quis dictum commodo. Donec porta
lobortis turpis, eget iaculis diam tincidunt at.
</div>
<div class="desc" style="display: none;"> FOUR: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ornare neque at velit fermentum, vulputate tempus
lorem vulputate. Quisque eu ipsum venenatis, posuere tortor ut, maximus neque. Aenean tempor justo leo. Vestibulum
auctor, urna ut scelerisque rutrum, sem arcu egestas ipsum, ut maximus magna turpis ut nunc. Nulla rutrum velit
nisi, ac feugiat est commodo eu. Maecenas eget velit urna. Mauris posuere ex quis dictum commodo. Donec porta
lobortis turpis, eget iaculis diam tincidunt at.
</div>
</div>
找到该包装的子项,然后删除包装。
$(".ui-effects-wrapper").children().unwrap();
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句