(".open-1").click(function() {
var opened = $(this).data("opened"),
$bTag = $("b");
if(opened)
{
$(this).html("+");
$bTag.fadeIn(0);
$(this).data("opened","");
}
else
{
$(this).html("-");
$bTag.fadeOut(0);
$(this).data("opened","1");
}
$(".answer-one").slideToggle();
})
но учтите, что при использовании нескольких элементов такого вида вы должны оборачивать каждый элемент в некоторый родительский контейнер, и указывать родителя при работе с тегом b. На данный момент код, который подхватывает "b", будет работать со всей страницей вообще.
каждая конструкция такого вопроса должна представлять из себя следующее:
<div class="quest-content">
<div class="open">+</div>
<b>Вопрос? </b>
<div class="answer">Всплывающий текст-подсказка</div>
</div>
тогда вы сможете создать несколько экземпляров (просто копировать-вставить разметку выше), задать в каждом - свой текст, вопрос и прочее, и написать общий код:
(".open").click(function() {
var opened = $(this).data("opened"),
$parent = $(this).parent(".quest-content"),
$bTag = $parent.find("b");
if(opened)
{
$(this).html("+");
$bTag.fadeIn(0);
$(this).data("opened","");
}
else
{
$(this).html("-");
$bTag.fadeOut(0);
$(this).data("opened","1");
}
$parent.find(".answer").slideToggle();
})
это, наверное, плохо оптимизировано, но должно работать.
