jquery - Jquery hide が期間で機能しない

Question

SVG要素でjqueryの非表示機能を使用していますが、期間を指定しない限り正常に機能します:

// Hide the object: works fine
$('#id').hide()

// Doesn't work with time specified in any of these attempts including fadeout
$('#id').hide('slow')
$('#id').hide(400)
$('#id').hide(400, function() {console.log('done')})
$('#id').fadeOut()
$('#id').fadeOut(400)

編集:これはコンソールに表示されるものです:

// Works
$('#HTI2010').hide()
[
<circle cx=​"50" cy=​"450" id=​"HTI2010" r=​"10" class=​"c2010" title style=​"display:​ none;​ ">​&lt;/circle>​
]

// Doesn't work: display is set to in-line instead of none:  is there an argument I can alter to change this?

$('#HTI2010').hide(400)
[
<circle cx=​"50" cy=​"450" id=​"HTI2010" r=​"10" class=​"c2010" title style=​"display:​ inline;​ ">​&lt;/circle>​
]

これらのオブジェクトは画面に残ります。何か不足していますか？ありがとう、

Answer 1

代わりにこれを試してください：

var duration = 400;

$('#id').hide(duration);