Exploding

Ну вот так пойдет?

<ul class="new-control">
	<li><a href="#" data-tab="0">Tab one</a></li>
	<li><a href="#" data-tab="1">Tab two</a></li>
	<li><a href="#" data-tab="2">Tab hree</a></li>
</ul>

$("#tab").tabs();
$(".new-control a").on("click", function(){
    $("#tab").tabs("option", "active", $(this).data("tab"));
});

https://jsfiddle.net/g311gd2j/
Может и по-инвалидному, но пока че-то в голову ничего лучше не пришло)))

Ну на скорую руку я бы все картинки запихнул в css и в итоге это полотно сократилось бы примерно до такого кода:

<div class="faq__question custom-woomen" data-tgl="custom-woomen">Женщине</div>
<div class="faq__answer">....</div>

$(".faq__question").on("click", function(){
  $(this).toggleClass($(this).data("tgl")+" open-class");
});

Или же скорее всего потом подумав снес js код, css оставил и получилось бы такое:

<details>
    <summary>Женщине</summary>
    <p>Избавление от ненужных  стереотипов и комплексов, обретение уверенности в себе, раскрепощение и повышение уровня сексуальности.</p>
</details>

и в css типа такого:

details > summary{
   background: url('кастомная-тетка-дядька.png') left center no-repeat;
}

details[open] > summary{
   background: url('иконка-плюсик-а-ля-open.png') left center no-repeat;
}