How can i make like this structure?

Do you mean when you click on each (or any) News item, you have the scroll list of video/image + the slider OR your accordion replaces the scroll list in your capture ?

Anyhow, i think this is more a javascript question than a WordPress one.

You could use jquery UI Accordion ,

or an accordion plugin,

or build a simple one like this

<ul id="accordion">
    <li>
        <h2>title1</h2>
        <div class="accordionitem">content 1 with slideshow (and scroller ?)</div>
    </li>
    <li>
        <h2>title2</h2>
        <div class="accordionitem">content 2 with slideshow (and scroller ?)</div>
    </li>
    ...
</ul>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j("document").ready(function(){
    $j("#accordion div").slideUp("normal");
    $j("#accordion h2").each(function( index ) {
        $j(this).click(function(){
            $j("#accordion div").slideUp("normal");
            $j(this).parent().find('.accordionitem').slideDown("normal");
        });
    })
});

</script>