OpenArea=[+$(this).is(":hidden")];убрать красное

OpenArea=[$(this).is(":hidden")];

вот так надо

Предыдущие не увидел... Спасибо.

Мне кажется, что нет. Т.к.

$(".canDisable").click(function() {
        alert("ok");
        if (OpenArea == false) {
            console.log(OpenArea);
            $(this).css( "transform", "scale(0.85)" );
        }
    });

Даже alert не работает. А когда pointer-events: auto; то alert работает. Тогда как отключить ссылку?

cadijob,

$("li").on("click", function() {
  alert($("a", this).text());
})

preventDefault() в нужное время, в нужном месте, но это известно только вам.

cadijob,
можно только гадать, что вы хотите сделать ...

$(function() {
    $("#open-close").show();
    $("#block-links").hide();
    $("#open-close").click(function(a) {
        a.preventDefault();
        $("#block-links").slideToggle(400)
    })
    $(".canDisable").on("click", function(a) {
 if ($("#block-links").is(":visible"))  a.preventDefault();
})
});

Когда display: none; то ссылка работала как обычно. А когда display != none, то только jQuery и Ajax могут взаимодействовать с этим элементом.

cadijob,
не понимаю

"#block-links" имеет стиль display. Когда display: none то jQuery не взаимодействует(как должно быть, но это не так) с ".tags li"

$(".tags li").on("click", function(){
        alert($("a", this).text());
        // if (OpenArea == false) {
        //     console.log(OpenArea);
        //     $(this).css( "transform", "scale(0.85)" );
        // }
    });

То есть эта функция не будет работать. Когда display != none то будет.

if(OpenArea == false){
        $(".tags li").on("click", function(){
            alert($("a", this).text());
            // if (OpenArea == false) {
            //     console.log(OpenArea);
            //     $(this).css( "transform", "scale(0.85)" );
            // }
        });

    }

Пример выше не работает.