У меня есть простой script в jquery для переключения div (show and hide) при нажатии <p>
(я использую bootstrap).
HTML:
<p id="click_advance"><i class="icon-circle-arrow-down"></i> Advanced search</p>
<div id="display_advance">
<p>This is the advance search</p>
</div>
JS:
$('#click_advance').click(function(){
$('#display_advance').toggle('1000');
$(this).html('<i class="icon-circle-arrow-up"></i> Advanced search');
});
Итак, когда я нажимаю в первый раз значок меняется с вниз, но, очевидно, когда я снова нажимаю "click_advance", значок не меняется. Поэтому мне нужен эффект переключения, как шоу и скрыть; но я не знаю, как это сделать с помощью значка.