jQuery: Hide all divs and show only the one clicked

jQuery: 

<script type="text/javascript">

        $(document).ready(function () {

            $('.click_me').click(function (event) {

                $(".ul_lists").hide();

                $(this).next('.ul_lists').show();

                event.preventDefault();

            });

        });

    </script>

HTML:

  <a class="click_me" href="#">Click Me></a>

   <ul class="ul_lists">

       <li><a href="#" class="list_1">Some Item</a></li>

       <li><a href="#" class="list_2">Some Item</a></li>

   </ul>

   <a class="click_me" href="#">Click Me></a>

   <ul class="ul_lists">

       <li><a href="#" class="list_1">Some Item</a></li>

       <li><a href="#" class="list_2">Some Item</a></li>

   </ul>

   <a class="click_me" href="#">Click Me></a>

   <ul class="ul_lists">

       <li><a href="#" class="list_1">Some Item</a></li>

       <li><a href="#" class="list_2">Some Item</a></li>

   </ul>

CSS:

#bridalLinks

{

    padding-left:20px;

}

#bridalLinks a

{

    display:block;

}

.display

{

    visibility:visible;   

}

//Updated version

$(document).ready(function () {

            //in the beginning hide all elements

            $(".ul_lists").hide();

            $(".ul_listsWCL").hide();

            //show only clicked item

            $('.click_me').click(function (event) {

                $(".ul_lists").hide();

                $(this).next('.ul_lists').show();

                event.preventDefault();

            });

            $('.click_meWCL').click(function (event) {

                $(".ul_listsWCL").hide();

                $(this).next('.ul_listsWCL').show();

                event.preventDefault();

            });

        });

<div id="bridalLinks">

   <a class="click_me" href="#">Wedding check list></a>

   <ul class="ul_lists">

       <a class="click_meWCL" href="#">18 Months to go></a>

       <ul class="ul_listsWCL">

           <li><a href="#" class="list_1">item </a></li>

           <li><a href="#" class="list_2">item</a></li>

       </ul>

       <a class="click_meWCL" href="#">9 months to go></a>

       <ul class="ul_listsWCL">

           <li><a href="#" class="list_1">item</a></li>

           <li><a href="#" class="list_2">item</a></li>

       </ul>

       <a class="click_meWCL" href="#">6 months to go></a>

       <ul class="ul_listsWCL">

           <li><a href="#" class="list_1">item</a></li>

           <li><a href="#" class="list_2">item</a></li>

       </ul>

       <a class="click_meWCL" href="#">3 months to go></a>

       <ul class="ul_listsWCL">

           <li><a href="#" class="list_1">item</a></li>

           <li><a href="#" class="list_2">item</a></li>

       </ul>

       <a class="click_meWCL" href="#">1 months to go></a>

       <ul class="ul_listsWCL">

           <li><a href="#" class="list_1">item</a></li>

           <li><a href="#" class="list_2">item</a></li>

       </ul>

       <a class="click_meWCL" href="#">2 Weeks to go></a>

       <ul class="ul_listsWCL">

           <li><a href="#" class="list_1">item</a></li>

           <li><a href="#" class="list_2">item</a></li>

       </ul>

       <a class="click_meWCL" href="#">1 Week to go></a>

       <ul class="ul_listsWCL">

           <li><a href="#" class="list_1">item</a></li>

           <li><a href="#" class="list_2">item</a></li>

       </ul>

       <a class="click_meWCL" href="#">Day before Wedding day></a>

       <ul class="ul_listsWCL">

           <li><a href="#" class="list_1">item</a></li>

           <li><a href="#" class="list_2">item</a></li>

       </ul>

   </ul>

   <a class="click_me" href="#">Jewellery></a>

   <ul class="ul_lists">

       <li><a href="#" class="list_1">Wedding rings</a></li>

       <li><a href="#" class="list_2">Ornaments</a></li>

   </ul>