затваряне на поле jq

[dunix]

Как да го направя като цъкнеш някъде извън полето да го затваря.
Помъчих се да направя нещо, но уви само го прецаках и не щеше да работи
[js]function toggle() {
var ele = document.getElementById("toggleText");
if(ele.style.display == "block") {
ele.style.display = "none";
}
else {
ele.style.display = "block";
}
} [/js]

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<a id="displayText" href="javascript:toggle();">ms</a>
<div id="toggleText" style="display: none;">text</div>

 

[Fakeheal]

$(document).ready(function () {
    
    //Kато се цъкне на линка
    $("#displayText").click(function () {
        
        //Се показва или скрива дива.
        $("#toggleText").slideToggle();
    });
});

//Да се затваря, когато е цъкнато извън него.
//Ползва се mouseup event-a.
$(document).mouseup(function (e) {
    
    // Избираш си кой елемент 
    var container = $('#toggleText');
    
    //проверяваш дали е цъкнато върху него
    if (container.is(e.target).length === 0) {
        
        //Скриваш дивчето.
        $("#toggleText").slideUp();
    }
});

Демо: http://jsfiddle.net/67Far/1/

 

[dunix]

не ми работи

 

[Fakeheal]

Кое не ти работи? Демото? Или интегрирането в твоя код?
Дай малко по-подробна информация.

 

[dunix]

На двете места не работи.

Като натисна на MS ми отваря и затваря toggleText, но като натисна някъде другаде не го затваря

 

[Fakeheal]

Как да го направя като цъкнеш някъде извън полето да го затваря

Нали това искаш?

 

[dunix]

Как да го направя като цъкнеш някъде извън полето да го затваря

Нали това искаш?

Да, забравил съм да напиша междуметието "не". Редактирах си поста.

Като натисна на MS ми отваря и затваря toggleText, но като натисна някъде другаде не го затваря

 

[Fakeheal]

Тогава само така:

$(document).ready(function () {
    
    //Kато се цъкне на линка
    $("#displayText").click(function () {
        
        //Се показва или скрива дива.
        $("#toggleText").slideToggle();
    });
});

 

[dunix]

Пак не става. Трябва да цъкна на MS за да затвори toggleText

 

[Fakeheal]

Искаш като цъкнеш на MS да ти го отваря, а като го цъкнеш другаде да ти го затваря само? Така ли?

 

[dunix]

Искаш като цъкнеш на MS да ти го отваря, а като го цъкнеш другаде да ти го затваря само? Така ли?

като цъкаш на MS да се отваря/затваря #toggleText и ако цъкнеш някъде извън #toggleText пак да се затваря.

 

[Fakeheal]

Първия код, който ти дадох прави точно това.

 

[dunix]

Не го затваря иначе щяхме да сме приключили темата

 

[Fakeheal]

Пробвай с това:
Демо: http://jsfiddle.net/67Far/3/

$(document).ready(function () {

    //Kато се цъкне на линка
    $("#displayText").click(function () {

        //Се показва или скрива дива.
        $("#toggleText").stop().slideToggle();
    });
});

//Да се затваря, когато е цъкнато извън него.
//Ползва се mouseup event-a.
$(document).mouseup(function (e) {

    // Избираш си кой елемент 
    var container = $('#toggleText');
    //проверяваш дали е цъкнато върхо него
    if (!container.is(e.target) || !e.is("#displayText")) {
        console.log(e);
        //Скривашдивчето.
        $("#toggleText").stop().slideUp();
    }
});

 

[dunix]

Сега работи и на демото и при мен, но прави един бъг.

Когато го отворя и след това го затворя от същото място (#displayText) и искам отново да го отворя без да съм презаредил страницата не го отваря. Не се получава ако го затворя като цъкна извън #toggleText, a само когато се пробвам да го отворя повторно от #displayText. От какво може да се получава?



ПС: това го няма като проблем на демото.