手风琴切换不会改变bootstrap 3中的图标

Question

我有使用bootstrap 3和jQuery的多个/动态手风琴切换的代码：

String script = "document.getElementsByClassName('tt-hint')[1].removeAttribute('disabled')";
JavascriptExecutor js = (JavascriptExecutor)driver;
js.executeScript(script);

WebElementy inp= driver.findElement(By.className("tt-hint"));
inp.sendKeys("Whatever");

但是在bootstrap 3中，更改图标（$('div.accordion-body').on('shown', function () { $(this).parent("div").find(".fa").removeClass("fa fa fa-plus").addClass("fa fa-minus"); }); $('div.accordion-body').on('hidden', function () { $(this).parent("div").find(".fa").removeClass("fa fa-minus").addClass("fa fa fa-plus"); }); 到fa-plus）不起作用。怎么解决这个问题？！

Bootstrap 3 DEMO