Jquery fadeIn + toggleclass (скрыть)

Эффект, который я хочу, состоит в том, что (1) div "abc" не отображается в основном, (2) он медленно исчезает при загрузке страницы, (3) есть кнопка на странице, которая onclick переключает класс "скрыть" на "abc" div, чтобы я мог скрыть/показать его.

Способ, которым я пытаюсь достичь этих вещей: (1) установка "abc" div для отображения: none; сначала в моем CSS (2), используя свойство jquery fadeIn (3), есть кнопка, которая переключает ее

Я знаю, что моя кнопка работает для hide/show, прежде чем я добавлю jquery для fadeIn. Я знаю, что fadeIn работает, потому что я вижу, как он исчезает, НО что-то об этом вместе означает, что кнопка для скрытия/показа не работает над элементом, когда он исчезает так, даже если он работал до того, как я когда-либо установил отображение: никто; на нем и попробовал jquery.

Помоги пожалуйста!

Я попытался сделать jsfiddle, но он не работает полностью. Но вы можете увидеть основы кода, который я использую: http://jsfiddle.net/3bSB2/4/

Здесь часть его (этот код требуется, чтобы я мог включить jsfiddle:

$(window).on("load", function() {
  $(".abc").fadeIn(525);
});