Condition if, else if, sinon en javascript/Jquery

Bonjour,

je souhaiterai avoir votre aide sur une condition que j'essaie de créer sur un projet.

Je souhaite afficher certaine images a condition que l'opacité de mes div soit égal à 1 et que si aucune d'entre elle ne soit sur 1 alors elle m'affiche un autre image, voici mon code :

// CLIQUE FORME AJOUREE
(".main__fabriquer__selection__section__raw__title--formeajouree").click(function () { if((".mainfabriquerselectionsectionrawsousmenulistbois--clair").css('opacity') == '1')
{
(plaquetteImage).attr('src', '/img/produits/fabriquer/PAB01.png'); } else if ((".mainfabriquerselectionsectionrawsousmenulistbois--fonce").css('opacity') == '1')
{
(plaquetteImage).attr('src', '/img/produits/fabriquer/PAB02.png'); } else if ((".mainfabriquerselectionsectionrawtitle--carbone").css('opacity') == '1')
{
(plaquetteImage).attr('src', '/img/produits/fabriquer/PAC01.png'); } else if ((".mainfabriquerselectionsectionrawsousmenulistg10--noir").css('opacity') == '1')
{
(plaquetteImage).attr('src', '/img/produits/fabriquer/PAR01.png'); } else if ((".mainfabriquerselectionsectionrawsousmenu__listg10--kaki").css('opacity') == '1')
{
$(plaquetteImage).attr('src', '/img/produits/fabriquer/PAR02.png');
} else
{
$(plaquetteImage).attr('src', '/img/produits/fabriquer/BLANK.png');
}
});

cependant ça m'affiche la premiere condition, quelqu'un pourrait il m'expliquer pourquoi m'a dernière condition n'est pas prise en compte ?

Merci
Jonathan