необходимо скрыть/скрыть div после нажатия ссылки

Question

Я показываю div, перейдя по ссылке, но теперь я хочу скрыть его, когда его снова нажмут.

Это то, что я в настоящее время:

$(document).ready(function() { 
    $('#our-future-intro-slide').click(function() { 
     //$(".our-future-intro").delay(2400).slideDown(3600); 
     $(".our-future-intro").slideDown(200); 
    }); 
    }); 

Таким образом, каждый раз, когда пользователь выбирает ссылку, он будет либо скользить вниз и отображать DIV, или скользить вверх и исчезают (или просто исчезают), в зависимости от текущее состояние.

ОБНОВЛЕНИЕ: Я получил это, благодаря слайду, теперь я хочу знать, могу ли я сломать это, чтобы быть меньше кода.

Я устанавливаю slidetoggle в 4 разные части страницы, каждый div имеет свой собственный идентификатор.

Вот код:

$(document).ready(function() { 
    $('#our-future-intro-slide').click(function() { 
    //$(".our-future-intro").delay(2400).slideDown(3600); 
    $(".our-future-intro").slideToggle(200); 
    }); 
    $('#strategic-planning-click').click(function() { 
    $("#strategic-planning").slideToggle(200); 
    }); 
    $('#student-learning-click').click(function() { 
    $("#student-learning").slideToggle(200); 
    }); 
    $('#institutional-assessment-click').click(function() { 
    $("#institutional-assessment").slideToggle(200); 
    }); 
}); 

Любая помощь приветствуется.

Answer 1

Ответ .slideToggle() :)

Answer 2

JQuery имеет $(element).toggle(handler, handler) функцию, которая поможет.

Answer 3

Это также можно сделать с помощью javascript и css.

<a href='#' onclick='functionname(".$auniquenumber.")'> your link</a> 
<div id="yourid_<?=$uniquenumber>" style="display:none">your content </div> 

Definr функция, как это: -

<script> 
function functionname(uniquenumberpassed) 
{ 
var anyvariable=document.getElementById("yourid"+uniquenumberpassed); 
if(anyvariable.getStyle('display')=='none') 
{ 
anyvariable.setStyle({display:'block'}); 
} 
else 
{ 
anyvariable.setStyle({display:'none'}); 
} 
} 
</script>