我试图使用jQuery显示和隐藏一个内联元素(如跨度)。
如果我只是使用toggle()，它可以按预期工作，但是如果我使用toggle(“slow”)给它一个动画，它将跨度变成块元素，因此插入断点。
动画可以使用内联元素吗？如果可能，我宁愿顺利滑动，而不是淡入淡出。
<script type="text/javascript">
$(function(){
$('.toggle').click(function() { $('.hide').toggle("slow") });
});
</script>
<p>Hello <span class="hide">there</span> jquery</p>
<button class="toggle">Toggle</button>
解决方法
toggle()具有一堆奇怪的东西，包括隐藏或转换奇数元素。这里有一个类似的解决方案：
$('.toggle').click(function() {
$('.hide').animate({
'opacity' : 'toggle',});
});
编辑：这里有一个方法来添加平滑的滑动，最少额外的HTML标记：
var hidepos = $('.hide').offset().left;
var slidepos = $('.slide').offset().left;
$('.toggle').click(function() {
var goto = ($('.slide').offset().left < slidepos) ? slidepos : hidepos;
$('.slide').css({
'left' : $('.slide').offset().left,'position' : 'fixed',}).animate({
'left' : goto,},function() {
$(this).css('position','static');
});
$('.hide').animate({
'opacity' : 'toggle',});
});
HTML：
<p>Hello <span class="hide">there</span> <span class="slide">jquery</span></p> <button class="toggle">Toggle</button>