JQuery cookie set in other Function

Question

У меня была функция javascript showHide (shID), которая является функцией скрыть div или показать содержимое после нажатия «читать дальше». Вот моя Fiddle: http://jsfiddle.net/Garfrey/5xf72j4m/8/

Как вы видите, когда пользователь нажимает на нее и показывает больше контента, но мне просто нужно скрыть один раз, значит, когда пользователь возвращается к моей странице, а скрытый контент все еще отображается. Так что мне нужно добавить JQuery cookie, но то, что я написал, было неправильным, и оно не работает. Я новый в Javascript. Кто-нибудь знает, как это исправить? спасибо заранее, мне действительно нужна помощь.

вот мой код функции:

<script language="javascript" type="text/javascript"> 
jQuery(document).ready(function(){ 
    if($.cookie("example")=='1') { 
     function showHide(shID) { 
     if (document.getElementById(shID+'-show').style.display != 'none') { 
     document.getElementById(shID+'-show').style.display = 'none'; 
     document.getElementById(shID).style.display = 'block'; 
     } 
     else { 
     document.getElementById(shID+'-show').style.display = 'inline'; 
     document.getElementById(shID).style.display = 'none'; 
     } 
    } 
    } else { 

     $.cookie("example", "1"); 
    }     
}); 

</script> 

Answer 1

Вы не можете определить функцию внутри готовой функции JQuery без делать что-то вроде этого

var showHide; 
 
$(function() { // Document ready 
 
    showHide = function(sh) { 
 
    //Insert function code here 
 
    }; 
 
});

Я думаю, что в вашем в случае, если вам лучше определить функцию вне готовой функции, а затем привязать ее к кнопке onclick hand динамически.

Я также добавил атрибут data-showhide к кнопке, чтобы передать переменную в функцию showhide onclick.

function showHide() { 
 
    var shID = $(this).data("showhide"); // Use lower case only in data 
 
    if (document.getElementById(shID + '-show').style.display != 'none') { 
 
    document.getElementById(shID + '-show').style.display = 'none'; 
 
    document.getElementById(shID).style.display = 'block'; 
 
    } else { 
 
    document.getElementById(shID + '-show').style.display = 'inline'; 
 
    document.getElementById(shID).style.display = 'none'; 
 
    } 
 
} 
 

 
$(function() { 
 
    $("#example-show").on("click", showHide); 
 
});

<a href="#" id="example-show" class="showLink" data-showhide="example">

Куки могут быть установлены конкретные значения в функции ПоказатьСкрыть. Готовый обработчик может затем запросить файл cookie и определить, показывать или не показывать div. Эта скрипка показывает это в действии http://jsfiddle.net/e52hxosb/19/