CINXE.COM
PTSD : Decision Aid
<!doctype html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta charset="UTF-8"> <title>PTSD : Decision Aid</title> <meta name="viewport" content="width="device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/master.css"> <link rel="stylesheet" href="fonts/fonts.css"> <link href="css/video-js.css" rel="stylesheet"> <link rel="stylesheet" href="css/vplayer-overwrite.css"> <link rel="stylesheet" href="css/ie11.css"> <script src="js/vendor/video.js"></script> <script src="js/vendor/jquery.js"></script> <script src="js/vendor/jquery.watermark.min.js"></script> <script src="js/vendor/gsap/TweenMax.min.js"></script> <script src="js/app.js"></script> <script src="js/util.js"></script> <!-- <script src="js/widgets.js"></script> --> <script src="js/widgets/popups.js"></script> <script src="js/widgets/question.js"></script> <script src="js/widgets/preferences.js"></script> <script src="js/widgets/treatment-sidebar.js"></script> <script src="js/widgets/print-materials.js"></script> <script src="js/options_group_data.js"></script> <!-- Typekit <script src="https://use.typekit.net/ayr7vfr.js"></script> <script>try { Typekit.load({ async: true }); } catch (e) {}</script>--> </head> <body> <div class="container" id="main"> <div class="page"> <div class="content full"> <div class="splash-img"> <h1 class="splash-menu">PTSD <small class="alittlebigger">TREATMENT DECISION AID:</small> <small>THE CHOICE IS YOURS</small></h1> <ul class="splash-menu-list"> <li> <p>Learn about PTSD and how this decision aid can help</p> <button class="splash-title" id="splash-title-0" title="Learn about PTSD and how this decision aid can help" aria-haspopup="true"> <span>LEARN</span> </button> <ul class="sub" id="sub-0"> <li><a href="how-can-this-help.aspx">How This decision aid Works</a></li> <li><a href="introduction.aspx">PTSD Basics</a></li> </ul> </li> <li> <p>Compare effective PTSD treatment options</p> <button class="splash-title" id="splash-title-1" title="Compare effective PTSD treatment options" aria-haspopup="true"> <span>COMPARE</span> </button> <ul class="sub" id="sub-1"> <li><a href="options-narrowing.aspx">What I Want In A Treatment</a></li> <li><a href="compare.aspx">Treatment Comparison Chart</a></li> <li><a href="preferences.aspx">My Treatment Preferences</a></li> </ul> </li> <li> <p>Take action to start treatment</p> <button class="splash-title" id="splash-title-2" title="Take action to start treatment" aria-haspopup="true"> <span>ACT</span> </button> <ul class="sub" id="sub-2"> <li><a href="faqs-intro.aspx">Talking With Your Provider</a></li> <li><a href="faqs-questions.aspx">FAQs</a></li> <li><a href="my-plan.aspx">Next Steps</a></li> </ul> </li> </ul> <img src="img/splash-logo.png" class="splash-logo" width="203" height="102" alt="VA PTSD logo" usemap="#vamap"> <map name="vamap"> <area shape="rect" coords="57,17,203,70" href="http://www.ptsd.va.gov" target="_blank" alt="PTSD logo"> <area shape="circle" coords="28,38,25" href="http://www.va.gov" target="_blank" alt="VA logo"> </map> </div> </div> </div> </div> <script> $('.page').addClass('home'); $('.splash-menu-list .sub').hide(); $('.splash-title').on('click', function(e) { var id = $(e.currentTarget).attr('id'); var index = id.substr(id.length - 1, 1); var clicked = $(e.currentTarget); if (clicked.hasClass('selected')) { clicked.removeClass('selected'); } else { $('.selected').removeClass('selected'); clicked.addClass('selected'); } var list = $('#sub-' + index); $.each($('.splash-menu-list .sub'), function(i, g) { if ($(g).attr('id') === $(list).attr('id')) { if ($(g).css('display') == 'none') $(g).show("slow"); else $(g).hide("slow"); } else { $(g).hide("slow"); } }); }); $('.about-sidebar').css('display', 'none'); TweenMax.to($('.content'), 1, { alpha: 1 }); </script> <script id="_fed_an_ua_tag" language="javascript" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?ver=true&agency=VA&pua=ua-46839167-1"></script> </body> </html>